css综合

2017-09-13  本文已影响0人  向前冲冲的蜗牛

1.说一说你平时写代码遵守的编码规范

1.1 标签语义化

1.2 tab用两个空格表示

1.3 不在自闭和的元素末尾添加斜线

1.4 不要使用@import

       因为@import指令比<link>要慢很多。

1.5 css中class的名称只能出现小写字符和破折号(不是下划线)

1.6 使用有意义的名称,使用有组织或目的明确的名称

具体参考http://codeguide.bootcss.com/

2 垂直居中有几种实现方式,给出代码范例

2.1.利用table-cell实现居中

https://jsbin.com/faweto/edit?html,css,output

2.2.利用vertical-align实现居中

https://jsbin.com/fevibo/edit?html,css,output

2.3.利用绝对定位实现居中

当父盒子的高度和宽度不固定的时候

https://jsbin.com/roranum/edit?html,css,output

当高度和宽度固定的时候

https://jsbin.com/hifihog/edit?html,css,output

2.4.利用padding实现居中

https://jsbin.com/vufizoc/edit?html,css,output

3.实现效果

https://jsbin.com/mimoca/edit?html,css,output

上一篇下一篇

猜你喜欢

热点阅读