css书写规范顺序篇一：CSS代码书写顺序及规范CSS书写顺序1.位置属性2.大小3.文字系列4.背景5.其他CSS书写规范使用CSS缩写属性CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。去掉小数点前的“0”简写命名很多用户都喜欢简写类名，但前提是要让人看懂你的命名才能简写哦!16进制颜色代码缩写有些颜色代码是可以缩写的，我们就尽量缩写吧，提高用户体验为主。连字符CSS选择器命名规范1.长名称或词组可以使用中横线来为选择器命名。2.不建议使用“_”下划线来命名CSS选择器，为什么呢输入的时候少按一个shift键;浏览器兼容问题 能良好区分JavaScript变量命名不要随意使用Idid在JS是唯一的，不能多次使用，而使用class类选择器却可以重复使用，另外id的优先级优先与class，所以id应该按需使用，而不能滥用。为选择器添加状态前缀有时候可以给选择器添加一个表示状态的前缀，让语义更明了，比如下图是添加了“.is-”前缀。CSS命名规范常用的CSS命名规则头：header header-one内容：content/container尾：footer导航：nav侧栏：sidebar nav-one栏目：column页面外围控制整体佈局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：friendlink页脚：footer版权：copyright滚动：scroll内容：content标签：tags文章列表：list提示信息：msg小技巧：tips栏目标题：title篇二：CSS书写规范及顺序CSS书写规范及顺序CSS书写顺序1.位置属性2.大小3.文字系列4.背景5.其他CSS书写规范使用CSS缩写属性CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。去掉小数点前的”0简写命名很多用户都喜欢简写类名，但前提是要让人看懂你的命名才能简写哦！16进制颜色代码缩写有些颜色代码是可以缩写的，我们就尽量缩写吧，提高用户体验为主。连字符CSS选择器命名规范1.长名称或词组可以使用中横线来为选择器命名。2.不建议使用”_”下划线来命名CSS选择器，为什么呢？输入的时候少按一个shift键；浏览器兼容问题 （比如使用_tips的选择器命名，在IE6是无效的） 能良好区分JavaScript变量命名（JS变量命名是用”_”）这里有一篇破折号与下划线的详细讨论，英文： 中文篇：不要随意使用id篇三：css书写规范及顺序CSS书写规范及顺序CSS书写顺序1.位置属性2.大小3.文字系列4.背景5.其他使用CSS缩写属性CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简 代码同时又能提高用户的阅读体验。去掉小数点前的”0简写命名很多用户都喜欢简写类名，但前提是要让人看懂你的命名才能简写哦！16进制颜色代码缩写有些颜色代码是可以缩写的，我们就尽量缩写吧，提高用户体验为主。连字符CSS选择器命名规范1.长名称或词组可以使用中横线来为选择器命名。2.不建议使用”_”下划线来命名CSS选择器，为什么呢？输入的时候少按一个shift键；浏览器兼容问题 （比如使用_tips的选择器命名，在IE6是无效的） 能良好区分JavaScript变量命名（JS变量命名是用”_”）这里有一篇破折号与下划线的详细讨论，英文： 中文篇：不要随意使用idid在JS是唯一的，不能多次使用，而使用class类选择器却可以重复使用，另 外id的优先级优先与class，所以id应该按需使用，而不能滥用。为选择器添加状态前缀有时候可以给选择器添加一个表示状态的前缀，让语义更明了，比如下 图是添加了”.is-”前缀。