任务13-CSS 综合

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