HTML5 （）：CSS编码规范到底是什么意思？ 代码也可以实现，为什么还要考虑编码标准呢？ 从维护的角度来看，代码主要是供人阅读，只是偶尔供机器阅读。 了解了基本的编码标准，对自己以后的维护，或者对小伙伴的维护都有促进作用。 另一方面，优秀的代码会让团队的工作更有效率，而不同的编码习惯其实直接影响薪水。 下面列出了大型互联网公司对编码标准的要求。 既然想做开发者，为什么不做一个优秀的开发者呢？
单行书写风格的排版约束
1.每条规则的花括号{前后加空格
2.多个共享一个样式集，那么多个必须写成多行的形式
3.在每条规则末尾的大括号}前加一个空格
4.属性名冒号前不要加空格，冒号后加空格
5、每个属性值后必须加分号； 和分号后的空格
例如：
分区测试{宽度：100px； : 200 像素; }
一个：重点，
一个：悬停{：; 右：1px； }
多行书写风格的排版约束
1.每条规则的大括号{前加一个空格
2.多个共享一个样式集，那么多个必须写成多行的形式
3.每条规则末尾的大括号}必须与规则选择器的第一个字符对齐
4.属性名冒号前不要加空格，冒号后加空格
5.属性值后加分号；
其他规格
1.使用单引号，不允许使用双引号
2、如果使用CSS3属性，如果需要添加浏览器前缀，按照-/-moz-/-ms-/-o-/std的顺序添加。 标准属性写在最后，属性名一定要对齐。 例如：
div.-演示{
--: 5s ;
-moz-: 5s ;
-o-：5s；
：5秒；
}
命名规则编写规范
1. 规则命名全部使用小写字母和破折号。 不允许使用大写字母或 _。
2、避免使用汉语拼音命名，使用更简洁、更有语义的英文单词进行组合
3、命名要注意缩写，不要盲目缩写。 具体可以参考常用的CSS命名规则
4、不允许以序号1、2、3等命名。
5.避免class和id重复
6.id用于标识某个模块或页面的某个父容器区域。 名称必须是唯一的。 不要随意创建新的id
7. Class用于标识某种类型的对象，名称必须简洁。
8、尽可能提高代码模块的复用性，尽量使用样式的组合
9. 规则名称不能包含颜色（红/蓝）、定位（左/右）等具体显示效果的相关信息，命名要有含义，而不是样式显示结果。
10、除了重新设置浏览器默认样式外，禁止直接在html标签中添加css样式设置，例如：
分区{
宽度：200px；
字体大小：16px；
}
11、每条规则要保证选择器是唯一的，禁止直接给全局.nav/./.body等类设置属性
属性书写顺序
推荐的写作风格顺序
1.显示属性/list-style//float/clear
2.自身属性（盒模型）width////
三、背景
4.线高线-
5.文本属性color/font/text-/text-align/text-/-align/white-space/
6. 其他/z-index/zoom
7. CSS3 属性 ///box-/-
8、请严格按照以下顺序添加链接样式：a:link -> a: -> a:hover -> a:()
性能优化
1、选择器在满足功能的基础上尽量短，减少选择器嵌套和查询消耗。 但一定要避免覆盖全局样式设置。
2.注意选择器的性能，不要使用低性能的选择器，比如：
分区 > * {}
ul > li > a {}
body.ul.tabs.nav li {}
3.禁止在css中使用*选择器
4.除非必要，如果有class或者id，就不用写元素对应的tag，例如：
div#test { 宽度：100px； }
5.0以后不要求单位，比如0px可以省略为0，0.8px可以省略为.8px
6、如果颜色用十六进制表示，颜色的值要大写。
7、如果可能，尽量用三个字符来表达颜色，比如#写成#ABC
8.如果没有边框，不要写：0，应该写：none
9.尽量避免使用
10.在保持代码解耦的前提下，尽量合并重复的样式
11、对于可以缩写的属性，比如字体等，尽量使用缩写形式
破解
IE6 * html { ... }
IE7 *+html { ... }
非 IE6 html>body { ... }
@-moz-url-() { ... }
+/ @media and (--min--pixel-ratio:0) { ... }
opera @media all and (--min--pixel-ratio:10000), not all and (--min--pixel-ratio:0) { … }
/ @media and (max--width: 480px) { ... }
z-index 值规范
CSS 编码规范 - HTML5 ()
其他
1、请将字体名称对应对应的英文名称，例如：黑体()宋体()微软雅黑(Yahei)。 如果字体名称中有空格，则必须加单引号。
2.请合理使用背景图片。 可以按模块、业务、页面划分。
3、css背景图片的文件类型，请按以下原则保存：
3.1 如果背景图片有动画，保存为gif
3.2 如果没有动画也没有半透明，保存为png-8
3.3 如果有半透明效果，保存为png-24
4. 不要在 HTML 中添加标签来清理浮动，而是添加 . 到浮动元素的父元素以清除浮动
5.为了SEO和页面可用性，请使用text-隐藏文本内容。
6、制作css时，尽量将颜色相近的图标放在一起，并以png8格式存储。 存储之后，可以使用一些压缩工具进行无损压缩。
7. 避免平铺太小的背景图像。
8、尽量少用！
9.避免非一次性
HTML5 学校 () -
