1.编码规范
tab用两个空格表示
css的:
后加空格,{
前加空格
每条声明后加;
每条命令换行,不放到一行
颜色用小写和缩写
小数不写前缀0.5s
→.5s
,0不加单位
尽量缩写
2.垂直居中有几种实现方式,给出代码范例
- 设置上下padding相等,子元素中的内容会撑开父元素的大小。
- 使用vertical-align,before里的height注意要写成100%,vertical-align只有在作用表格和行内元素生效,块级元素不生效。
页面地址:http://js.jirengu.com/jojababaqa/1
- 父元素加position,利用position、transform使modal在不同屏幕大小都可以居中展示,唯一缺点是transform命令在低版本浏览器无法识别。
页面地址:http://js.jirengu.com/jiricoxiji
- 用display:table-cell命令,缺点是浏览器将会把你table-cell的部分以表格的方式渲染。
网页地址:http://js.jirengu.com/fuhasaqedo/1/edit?html,css,output
3.实现如下效果,每种效果都只使用一个html 标签来实现
页面地址: http://js.jirengu.com/jacowojesa/2/edit?html,css,output