阅读量:0
在CSS中，类（class）和ID（id）的命名应遵循语义化、简洁明了的原则。类名通常使用小写字母和连字符（-）或下划线（_）组合，如
.header-nav或.header_nav。ID命名则以#开头，同样使用小写字母和连字符（-）或下划线（_），如#main-content或#main_content。CSS制作网页的类以及ids的命名
直观命名
| 类别 | 例子 | 说明 |
| 页面位置 | top-panel, horizontal-nav, left-side, center-column, right-col | 使用描述页面元素位置的词汇，简单易懂，但与特定布局强相关 |
结构化命名
| 类别 | 例子 | 说明 |
| 页面功能 | branding, main-nav, subnav, main-content, sidebar | 描述页面元素的作用而非位置，便于代码重用和未来修改 |
常用命名惯例
| 类别 | 例子 | 说明 |
| 页面结构 | header, content, nav, sidebar, footer | 常见且易于理解的名称，有助于标准化和团队协作 |
CSS编码最佳习惯
1、类名：推荐使用class_name方式，避免大小写敏感问题。
2、样式：优先使用class而非id，因为id不可重复且优先级过高。
3、margin和padding：尽量省略最后一个值以简化代码。
4、浏览器hack：按标准编写CSS，针对特定浏览器作hack时明确表达目的。
5、空格：在标点后加空格，提高代码可读性。
6、作用域：通过层叠或缩进来定义CSS的作用域，增强代码结构。
相关问题与解答
1、为什么推荐使用结构化命名而不是直观命名？
回答：结构化命名将标记（markup）与外观分离，使得CSS更易于维护和重用，即使页面布局改变，结构化命名的元素仍然保持其意义，而直观命名可能因布局变化而变得不适用。
2、为什么在CSS中推荐使用class而不是id？
回答：class可以多次使用，适用于多个元素，而id是唯一的，不能重复使用，id的优先级高于class，这可能导致样式覆盖问题，不利于样式的维护和扩展。
以上内容就是解答有关“CSS制作网页的类以及ids的命名”的详细内容了，我相信这篇文章可以为您解决一些疑惑，有任何问题欢迎留言反馈，谢谢阅读。
