编码设置
必须在CSS所有字符的前面(包括编码注释),@charset才会生效。设置CSS文件的编码格式为UTF-8编码,写在CSS文件最前面。
/* 字符编码 */
@charset "utf-8";
数值与单位
当属性值或颜色参数为 0 - 1 之间的数时,省略小数点前的 0 。
color: rgba(255, 255, 255, .5);
当长度值为 0 时省略单位。
margin: 0 auto;
十六进制的颜色属性值使用小写和尽量简写。
color: #fc0;
避免使用!important
除非极其极其特殊的情况,否则绝对不要使用!important
,因为它的存在会给后期维护以及多人协作带来噩梦般的影响。
当存在样式覆盖层叠时,如果你发现新定义的一个样式无法覆盖一个旧的样式,只有加上 !important 才能生效时,是因为你新定义的选择器的优先级不够旧样式选择器的优先级高。所以,合理的书写新样式选择器,是完全可以规避一些看似需要使用 !important 的情况的。