学习随笔——CSS命名规范——2020.11.9

学习随笔——CSS命名规范——2020.11.9

1. CSS及HTML定义的基本规则：
2. 所有的命名都采用小写，不可以用数字开头
3. 属性的值用双引号（" "）括起来，且一定要有值如：class = “font-red”;
4. 《h1》到《h6》的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询
5. 给每一个表格和表单加上一个唯一的结构标记 id
6. img都加上 alt属性
7. 全部采用英文命名
8. 尽量不要创缩写，除非一看就明白的英文缩写
9. 选择器基本命名方法：
10. 用于 样式含义，网页结构，页面功能来命名选择器
11. 样式语义命名法：当定义类名时，常用样式的语义化来描述名称，也就是根据被定义样式的含义来命名
12. 网页结构命名法：根据要命名的元素在HTML文档中的结构来命名
13. 页面功能命名法：根据要命名的元素在HTML的功能来命名
14. CSS选择器及CSS文件的建议命名：
15. 在DIV+CSS的HTML页面中，无论是使用类选择器，还是使用id选择器都无所谓，但最好遵循： 唯一的特殊的，最外层的元素使用id选择器，在HTML中 重复调用的样式使用类选择器
16. 外套 wrap/box
17. 头部 header
18. 头部 logo
19. 导航条 nav
20. 栏目标题 title
21. 广告轮播图 banner
22. 主要内容 main
23. 左侧 main-left
24. 右侧 main-right
25. 内容 content
26. 底部 footer
27. 版权声明 copyright
28. CSS文件的建议命名：
29. 每个css文件统一采用style作为文件名称前缀，每个css文件与html文件名称对应
30. style_index.css 首页的样式
31. style_login.css 登录页面的样式
32. style_reg.css 注册网页的样式
33. style_base.css 公共的基础样式
34. style_comm.css 公共的通用样式
35. style_forms.css 公共的表单通用样式