Linux 拨号vps windows公众号手机端

CSS命名规范有哪些

lewis 6年前 (2019-04-05) 阅读数 10 #程序编程
文章标签 cssCSS命名规范

CSS命名规范有以下几种:

1. 驼峰命名法:每个单词的首字母大写,例如:`myClassName`。

2. 下划线命名法:单词之间使用下划线分隔,例如:`my_class_name`。

3. BEM命名规范:块(Block)、元素(Element)、修饰符(Modifier)的缩写。块用来表示独立的组件,元素用来表示块的子元素,修饰符用来表示块或元素的不同状态或变体。例如:`.block`、`.block__element`、`.block--modifier`。

4. 命名空间前缀:使用前缀来表示不同的命名空间,例如:`.btn`表示按钮样式,`.header`表示头部样式。

5. 功能性命名:根据元素的功能来命名,例如:`.menu`表示菜单样式,`.slider`表示滑块样式。

无论使用哪种命名规范,都应保持一致性,并且命名要具有可读性和可维护性。

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门