为了账号安全,请及时绑定邮箱和手机立即绑定

从 psd 到 html

黑白猪 Web前端工程师
难度初级
时长 1小时51分
学习人数
综合评分9.63
432人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 哪里有什么天才,我只是把别人睡觉的时间用在了工作上。除非你能躺着赚钱,否则就别赖在床上。 --苍老师
    查看全部
  • 通过JavaScript navigator.userAgent来判断用户使用的浏览器及版本, 如果是IE8以下, 挂个温馨提示"您的浏览器版本过低, 为了获得更好的上网体验, 我们建议您升级浏览器..."然后, 挂个Chrome或Firefox的下载链接, 很惭愧, 只能为前端界做这么点微小的贡献
    查看全部
    5 采集 收起 来源:兼容2

    2018-03-22

  • 包含psd文件+源码+图片资源,可以看我的博客

    https://blog.csdn.net/sinat_38368658/article/details/106441801

    查看全部
    4 采集 收起 来源:总结

    2020-05-30

  • 优秀的前端: 积极和PM,ucd沟通 带着后端设计的思维
    查看全部
    4 采集 收起 来源:总结

    2016-10-23

  • 1 index 英语释义是索引,指示,标志,在这里是 首页 的意思,老师开始不是写了三个样式表嘛,reset.css(清除网页中默认样式)common.css(公共样式,就是说一个网站会有很多网页,这些网页一起使用这些样式)index.css(首页的样式) 2 banner 英语解释是 横幅 在本节课中就是导航下面的图片部分 3 panel 英语解释是 面板,就是 展示区下面那几个版块 用这些单词是为了标签语义化。一个作用是让人看到这些标签就明白div中放的是什么内容,另一个作用是为了方便搜索引擎查找。 其他的语义化标签有: 头 header 内容:content/container 尾:footer 导航:nav 侧栏:slidebar 栏目:column 页面外围 控制整体布局宽度:wrapper 左中右 left right center 登陆条:loginbar 标志:logo 广告: banner 广告主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 版权:copyright 滚动:scroll 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 加入:joinus 指南:guide 服务:service 注册:register 状态:status 投票:voat 合作伙伴:partner
    查看全部
  • 对指定图层切片:选中图层--->右键设置“转换为智能对象”--->用矩形选择框选取该图层的范围--->ctrl+c--->ctrl+n--->在弹出的框中点击确定--->ctrl+v--->点击小眼睛隐藏背景--->存储为web格式
    查看全部
  • boy,div,dl,dt,dd,ul,li,h1,hh2,h3,h4,h5,h6,input,a,p,textarea{ margin:0; padding:0; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; } ol,ul,li{ list-style:none; } a{ text-decoration:none; display:block; } img{ border:none; display:block; } .clearfloat{ zoom:1; } .clearfloat:after{ display:block; clear:both; content:""; visibility:hidden; height:0; }
    查看全部
  • 1 index 英语释义是索引,指示,标志,在这里是 首页 的意思,老师开始不是写了三个样式表嘛,reset.css(清除网页中默认样式)common.css(公共样式,就是说一个网站会有很多网页,这些网页一起使用这些样式)index.css(首页的样式) 2 banner 英语解释是 横幅 在本节课中就是导航下面的图片部分 3 panel 英语解释是 面板,就是 展示区下面那几个版块 用这些单词是为了标签语义化。一个作用是让人看到这些标签就明白div中放的是什么内容,另一个作用是为了方便搜索引擎查找。 其他的语义化标签有: 头 header 内容:content/container 尾:footer 导航:nav 侧栏:slidebar 栏目:column 页面外围 控制整体布局宽度:wrapper 左中右 left right center 登陆条:loginbar 标志:logo 广告: banner 广告主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 版权:copyright 滚动:scroll 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 加入:joinus 指南:guide 服务:service 注册:register 状态:status 投票:voat 合作伙伴:partner
    查看全部
  • 不能让内联元素和块级元素处于同一级,要么都是内联元素,要么都是块级元素

    <div>    <a class="header-logo"></a><div class="header-logo"></div>    <ul class="header-nav"></ul> </div>

    内联不占行,如input,span,a,你会发现写多个input的时候,它们都排在同一行
    块状元素,占行,如div,p。你会发现写多个div的时候,它们都各自占一行。


    查看全部
  • 样式文件和初始化 1、新建项目 2、新建首页index.html同时创建文件夹:CSS 、images 、js 3、在CSS中创建三种样式:重置样式reset.css/公共样式common.css/独立样式index.css 4、审视:头部、尾部、公共区域、logo列表
    查看全部
  • 1.元素类型是inline-block类型的时候,给父标签设置font-size:0,清除行内元素自带的边距 2.当给一个li设置右边距的时候,超过ul的宽度导致挤到下一行的时候,可以给ul多增加宽度,之后设置overflow:hidden 3.截图的时候,窗口,可见图层,智能化图层,选框看距离,Ctrl+c Ctrl+n,星星的图片,设置固定宽度显示,灰色的星星截到一起竖着放,之后给灰色星星设置position就可以了
    查看全部
    2 采集 收起 来源:图片库

    2017-03-24

  • .header-logo里面的width height background 放到a标签里面的能显示出来的前提是a标签为block水平 老师在reset里面已经将a的style设置为 display:block 蒙蔽了半天。。
    查看全部
  • inline-block元素之间是会有间隙,最佳的解决方案是在其父元素上设置font-size:0
    查看全部
    2 采集 收起 来源:tab切换

    2017-01-18

  • 三角形的css写法
    查看全部
    2 采集 收起 来源:menu

    2016-10-13

  • psd到页面的总结
    查看全部
    2 采集 收起 来源:总结

    2016-06-09

首页上一页1234567下一页尾页

举报

0/150
提交
取消
课程须知
1、对 html+css 基础知识已经掌握; 2、会简单使用 Photoshop; 3、需要一步一步动手做;
老师告诉你能学到什么?
1、独立完成一个设计稿的转化; 2、Css从整理到局部的分离; 3、Css命名一些技巧和语义化; 4、Html标签结构的优化和选择; 5、PS软件当中的切图技巧 6、Css代替部分图片实现小icon; 7、兼容性处理的方法; 8、和后端配合时注意的事项;

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!