列表性属性值在单行时,后必须跟一个空格。 例: .png)
对于超长的样式,在样式值得空格处或,后换行,建议按逻辑分组。 例:
选择器当用集合方式选择且有多个选择器时,建议声明单独写在一行(利于维护) 例
>、+、-选择器的两边各留一个空格 例.png)
属性选择器中的值必须用双引号包围 例
属性定义是同一类的写在同一行(参-1) 例
属性定义后必须以分号结尾(特别是最后一个)如无必要,不得为 id、class 选择器添加类型选择器进行限定。 说明:在性能和维护上,都有一定的影响 例 .png)
1.使用 classes 而不是通用元素标签来优化渲染性能。(下图第891行和895行比较)2.建议选择器的嵌套层级应不大于 3 级,位置靠后的限定条件应尽可能精确。(参1)3.避免在经常出现的组件中使用一些属性选择器 (例如,[class^="..."])。浏览器性能会受到这些情况的影响。4.只在必要的情况下使用后代选择器 以上1和2的例子
属性简写 在能够缩写的情况下,尽量使用缩写。 如果需要重写属性时,尽量避免不必要的属性简写。 例应该避免以下情况: margin:3px 5px; margin-left:8px;属性书写顺序(参1,参2ctrl+F:声明顺序)

新闻热点
疑难解答