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

从 psd 到 html

黑白猪 Web前端工程师
难度初级
时长 1小时51分
学习人数
综合评分9.63
432人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 文本超出点点。。。white-space:nowrap;text-overflow:ellipsis;
    查看全部
    1 采集 收起 来源:menu

    2016-08-29

  • Ctrl+alt
    查看全部
  • 在块级元素中,不建议把内联元素和块级元素放在同一级。
    查看全部
    1 采集 收起 来源:menu

    2016-07-30

  • 切图步骤: 选中图层->转为只能对象->选区->crtl c->ctrl n->ctrl v
    查看全部
  • 1.把盒子模型的css样式写在前面(css书写的顺序规则)<br> 2.Photoshop 将对象框选为智能对象后,ctrl+c --> ctrl+n --> ctrl+v。如果通过切图的方式可以能会切不好图片的边边角角。 3.在h1>a 情况下,a连接没有点击效果。可以将h1的宽高、背景图,设置到a链接上。 4.如果颜色的值为#ffffff,这种重复的,可以省略写法#fff,这样可以省宽带。 5.行高是怎么计算的??line-height:1.8; 去张鑫旭 博客。 6.去掉最后一个margin-right,通过:last-child伪类去掉。但是注意兼容性问题。
    查看全部
  • 1.样式重置,常用样式,不必要使用统配样式 2.img是内联样式 3.clearfloat{ zoom:1(IE) } clearfloat:after{ display:block; clear:both; content:""; visibility:hidden; height:0; } 4.使用class属性,命名应该有结构和语义化; 5.图片不经常更换的最背景图片中 6.:after伪类的使用; 7.写css样式时,可以卸载rest.css和common.css和index.css
    查看全部
  • 1.把盒子模型的css样式写在前面(css书写的顺序规则)<br> 2.Photoshop 将对象框选为智能对象后,ctrl+c --> ctrl+n --> ctrl+v。如果通过切图的方式可以能会切不好图片的边边角角。 3.在h1>a 情况下,a连接没有点击效果。可以将h1的宽高、背景图,设置到a链接上。 4.如果颜色的值为#ffffff,这种重复的,可以省略写法#fff,这样可以省宽带。 5.行高是怎么计算的??line-height:1.8; 去张鑫旭 博客。 6.去掉最后一个margin-right,通过:last-child伪类去掉。但是注意兼容性问题。
    查看全部
  • 基础
    查看全部
  • 页面样式初始化
    查看全部
  • *margin-top:20px; /*只在IE7下实现*/
    查看全部
    1 采集 收起 来源:兼容2

    2016-06-09

  • 翻墙工具方法

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

    2022-01-13

  • 为避免窗口缩小时,背景图出现滚动条。
    .index-banner-bg {
       overflow: hidden;  
    }

    查看全部
    0 采集 收起 来源:banner

    2021-03-09

  • vertical-align:middle; 行内居中

    查看全部
    0 采集 收起 来源:banner

    2021-03-09

  • 在html中使用img的,一般是比较常变动的图像,因为你后端传的数据到前端页面必须使用Img显示,而使用background的一般写在css中,属于不常变动的。

    查看全部
    0 采集 收起 来源:banner

    2021-03-09

  • http://img1.sycdn.imooc.com//6047960e0001fda814901152.jpgmargin用法

    查看全部
    0 采集 收起 来源:banner

    2021-03-09

举报

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

微信扫码,参与3人拼团

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

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