文章 2023-03-30 来自:开发者社区

CSS的命名是规范的吗?应该如何优化?底层原理是什么?

CSS的命名并没有一个官方的规范,但是有一些通用的命名规则和最佳实践可以遵循。以下是一些常用的CSS命名规范和最佳实践:使用有意义的名称:选择有意义的名称可以提高代码的可读性,例如使用类名 ".card" 来表示一个卡片。遵循命名约定:有一些常用的CSS命名约定,例如BEM(Block Element Modifier)和CSS Modules等,可以使代码更加模块化和易于维护。避免使用样式属性....

文章 2022-09-13 来自:开发者社区

BEM - 一种前端CSS命名方法论

BEM - 一种前端CSS命名方法论全称:块(Block)元素(Element)修饰符(Modifier)命名规范:.block__elem--mod

文章 2022-01-08 来自:开发者社区

2021前端最新DIV+CSS规范命名大全集合

一、命名规则说明: - TOP所有的命名最好都小写属性的值一定要用双引号("")括起来,且一定要有值如class=“divcss5”,id=“divcss5”每个标签都要有开始和结束,且要有正确的层次,排版有规律工整空元素要有结束的tag或于开始的tag后加上"/"表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等<h1>到<....

2021前端最新DIV+CSS规范命名大全集合
文章 2021-11-27 来自:开发者社区

BEM - 一种前端CSS命名方法论

BEM - 一种前端CSS命名方法论全称:块(Block)元素(Element)修饰符(Modifier)命名规范:.block__elem--mod参考https://www.bemcss.com/

文章 2021-11-13 来自:开发者社区

BEM —— 源自Yandex的CSS 命名方法论

人们问我最多的问题之一是在CSS类名中--和__是什么意思?它们的出现是源于BEM和Nicolas Gallagher...BEM的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。BEM命名约定更加严格,而且包含更多的信息,它们用于一个团队开发一个耗时....

BEM —— 源自Yandex的CSS 命名方法论
文章 2019-04-01 来自:开发者社区

好程序员分享如何看待CSS中BEM的命名方式?

  好程序员分享如何看待CSS中BEM的命名方式?BEM的意识就是块(block)、元素(element)、修饰符(modifier),是由yandex团队提出的一种CSS Class命名方法。   任何一个东西的存在都有其存在的道理,如果他毫无价值,那么肯定会被淘汰,后人可能都不了解,甚至都不会出现在后人的世界里。   关于BEM命名其最大的争议就是其命名风格,它鼓励一级一级的写的非常具体,但....

文章 2018-11-15 来自:开发者社区

有利于SEO优化的DIV+CSS的命名规矩

一、CSS文件命名规范 建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字。为了开发后样式名管理方便,大家请用有意义的单词或缩写组合来命名,让同事一看就明白这样式大概是哪一块的,这样就节省了查找样式的时间,例如:  头部样式用header,头部左边,可以用header_left或header_l,还有如果是列结构的可以这样——box _1of3 (三列中的第一列),box...

文章 2017-12-31 来自:开发者社区

DIV+CSS规范命名

一、命名规则说明: 1)、所有的命名最好都小写 2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5" 3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整 4)、空元素要有结束的tag或于开始的tag后加上"/" 5)、表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等 ....

文章 2017-11-26 来自:开发者社区

CSS 层叠样式表命名参考

命名参考 描述 下划线命名 骆驼式命名 参考命名 面板 dashboard 容器 container container 页头 header header 内容 content content container 外围控制 wrapper wrapper wrap 页面主体 main main 栏目 column column ...

文章 2017-01-28 来自:开发者社区

CSS命名规范:

  DIV   CSS名称      说明   网站公用相关 Container div #container 容器 Layout #layout 布局 Header or banner div #head, #header 页头部分 Footer div #foot, #footer 页脚部分 Naviga...

CSS命名规范:

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注