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

从 psd 到 html

黑白猪 Web前端工程师
难度初级
时长 1小时51分
学习人数
综合评分9.63
432人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 1.元素类型是inline-block类型的时候,给父标签设置font-size:0,清除行内元素自带的边距 2.当给一个li设置右边距的时候,超过ul的宽度导致挤到下一行的时候,可以给ul多增加宽度,之后设置overflow:hidden 3.截图的时候,窗口,可见图层,智能化图层,选框看距离,Ctrl+c Ctrl+n,星星的图片,设置固定宽度显示,灰色的星星截到一起竖着放,之后给灰色星星设置position就可以了
    查看全部
    2 采集 收起 来源:图片库

    2017-03-24

  • 内联元素和块级元素不能在同一父级元素下
    查看全部
  • 这个和用clear:both原理一样,只是如果你用clear:both的话,要在每个需要清除浮动的下面都写一个div,然后给这个div设置clear:both,是不是很麻烦?after的作用是在元素的最后面添加一个元素,你可以设置这个元素的css样式,里面的height,visibility,display只是为了让这个添加的元素不可见,真正起作用得还是clear:both,content是设置after的内容,为空就是为了不显示任何东西。。。如果你想搞清楚得话可以百度after就知道了。
    查看全部
  • 这是使用伪类after来清除浮动的,其中的zoom: 1;是用来兼容IE6的。 个人喜欢使用overflow来清除。
    查看全部
  • css做三角形 border-left: 78px solid transparent; border-right: 78px solid transparent; border-bottom: 10px solid #fff; 边框层层堆叠,可以塑造出一个三角形
    查看全部
    0 采集 收起 来源:tab切换

    2017-03-23

  • public-container居中容器
    查看全部
  • inline-block 自带间距,用font-size 可以消去行内间距
    查看全部
    0 采集 收起 来源:主体pannel结构

    2017-03-23

  • 用移动工具(ps第一个工具)选中所要截的图片拉动到一个位置,然后在移动工具上选择自动选择和图层,再用矩形选框工具(ps第二个工具),框选中移动的图片,然后将右侧的图层转换成智能对象,再按住ctrl+c,ctrl+N创建图层,再按ctrl+v复制图片,再按住ctrl+alt+shift+s保存图片
    查看全部
  • 关于inline-block如何消除间距的问题。 font-size:0;
    查看全部
    0 采集 收起 来源:主体pannel结构

    2017-03-22

  • *margin-top表示(ie7以下显示)
    查看全部
    0 采集 收起 来源:兼容2

    2017-03-21

  • 123
    查看全部
    0 采集 收起 来源:课程介绍

    2017-03-21

  • 前端最后讲究的,不是你技术多牛逼,而是你规范写多好,如果你规范写得好,胜过你写很多好的代码!
    查看全部
  • 熟练的工程师1-2小时可以搞定这个页面!
    查看全部
  • 哪里有什么天长,我只是把别人睡觉的时间用在了工作上。除非你能躺在床上赚钱,否则就被赖在床上。——苍老师
    查看全部
  • 主页代码
    查看全部
    0 采集 收起 来源:menu

    2017-03-19

举报

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

微信扫码,参与3人拼团

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

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