做前端开发的朋友都知道 CSS, 但是好多人还不知道 CSS 怎样命名才算是规范的, 其实 CSS 命名规范有很多版本, 看自己对哪种比较适合或者说习惯, 下面本篇文章就来介绍一下 CSS 样式怎样命名才规范.
CSS 的命名规则
首先来说, CSS 的命名一定要有意义, 那么 CSS 的命名格式有要求吗? 这里介绍三种形式, 可以用连字符或者下滑线, 也可以用驼峰命名形式, 举例:.title-my 或者. title_my 或者. titleMy. 当然如果是其他形式, 只要看的明白也可以.
CSS 属性书写顺序
CSS 属性的书写顺序也是很有必要的, 这样我们修改起来也方便, 下面的例子是一个参考.
CSS 属性缩写
在 CSS 的属性中, 有些事可以缩写的, 这样不仅代码少了, 而且速度也可以提高. 比如 margin,padding,background 等属性都可以进行缩写.
去掉 0 和简写
有些值是 0, 这时候我们可以省略后面的 px 单位, 有时候是零点几, 这时候我们可以省略这个零. 再简写 class 名称的时候一定要让其他人看得明白.
不要滥用 id 选择器
有很多新手经常用 id 选择器, 其实这是不好的习惯, id 选择器一定要慎重使用, 最好用 class 选择器, 当感觉这个模块唯一的时候才选择用 id 选择器, 一般 id 都留给 JS 使用.
CSS 文件名命名规则
还有就是 CSS 文件名的名称也有规则, 我们可以按照功能给 CSS 文件名来命名.
更多 web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/17417.html