CSS书写规范涉及多个方面,包括文件规范、注释规范、命名规范和书写顺序等。
1. **文件规范**:所有的CSS分为两大类:通用类和业务类。通用的CSS文件应归档至约定的目录中。
2. **注释规范**:为代码添加必要的注释,以便于他人或未来的自己理解。
3. **命名规范**:
– 命名一般为小写英文字母。
– 为了代码的易读性,在每个声明块的左花括号前添加一个空格,每条声明语句的冒号后应该插入一个空格,所有声明语句都应当以分号结尾。
– 简写命名是常见的,但前提是要让人看懂你的命名。
4. **书写顺序**:按照以下顺序书写CSS属性,以提高解析效率和代码可读性:
– 位置属性 (position, top, right, z-index, display, float等)
– 大小 (width, height, padding, margin)
– 文字系列 (font, line-height, letter-spacing, color- text-align等)
– 背景 (background, border等)
– 其他 (animation, transition等)
5. **缩写与优化**:使用CSS缩写属性可以提高用户体验,例如padding、margin、font等可以缩写。此外,去掉小数点前的“0”可以使代码更简洁。
6. **连字符CSS选择器命名规范**:长名称或词组可以使用中横线来为选择器命名,但不能使用下划线,因为一些浏览器已经不允许使用下划线来命名CSS选择器。
综上所述,遵循良好的CSS书写规范不仅有助于提高代码的可读性和可维护性,还可以提高浏览器解析的效率。
没有回复内容