css样式表的先后顺序
2016-03-17 00:00
399 查看
摘要: 按照良好的CSS书写规范来写CSS代码,这样会提高代码的阅读体验。下面具体说几点。
CSS书写顺序
位置属性(position, top, right, z-index, display, float等)
大小(width, height, padding, margin)
文字系列(font, line-height, letter-spacing, color- text-align等)
背景(background, border等)
其他(animation, transition等)
使用CSS缩写属性
CSS有些属性是可以缩写的,比如padding,margin,font等等,这样精简代码同时又能提高用户的阅读体验。
去掉小数点前的“0”
连字符CSS选择器命名规范
1.长名称或词组可以使用中横线来为选择器命名。
2.不建议使用“_”下划线来命名CSS选择器,为什么呢?
输入的时候少按一个shift键;
浏览器兼容问题 (比如使用_tips的选择器命名,在IE6是无效的)
能良好区分JavaScript变量命名(JS变量命名是用“_”)
CSS书写顺序
位置属性(position, top, right, z-index, display, float等)
大小(width, height, padding, margin)
文字系列(font, line-height, letter-spacing, color- text-align等)
背景(background, border等)
其他(animation, transition等)
使用CSS缩写属性
CSS有些属性是可以缩写的,比如padding,margin,font等等,这样精简代码同时又能提高用户的阅读体验。
去掉小数点前的“0”
连字符CSS选择器命名规范
1.长名称或词组可以使用中横线来为选择器命名。
2.不建议使用“_”下划线来命名CSS选择器,为什么呢?
输入的时候少按一个shift键;
浏览器兼容问题 (比如使用_tips的选择器命名,在IE6是无效的)
能良好区分JavaScript变量命名(JS变量命名是用“_”)
相关文章推荐
- CSS学习(十六)-HSLA颜色模式
- css样式设置小技巧
- css布局模型
- css盒子模型
- 关于CSS3的代码总结(部分)
- css3的rgba透明
- css代码第二季
- 2016.3.16__CSS3渐变_倒影_过渡_2D变形_3D变形__第十天
- CSS中link 和@import的区别是?
- css代码片段第一季
- 3D动画
- CSS入门基础
- CSS中box-reflect特性以及火狐浏览器替代方案
- 细谈CSS布局方式
- CSSS书写规范
- DatePickerDialog 自定义样式及使用全解
- 2016.3.16__CSS3新增属性__第九天
- CSS之切出横幅
- CSS之切出横幅
- php分页类代码带分页样式效果(转)