本文作者:plkng

网站class命名规范 网页里class是什么

plkng 01-16 2
网站class命名规范 网页里class是什么摘要: 大家好,今天小编关注到一个比较有意思的话题,就是关于网站class命名规范的问题,于是小编就整理了4个相关介绍网站class命名规范的解答,让我们一起看看吧。css.的命名规则?c...

大家好,今天小编关注到一个比较意思的话题,就是关于网站class命名规范问题,于是小编就整理了4个相关介绍网站class命名规范的解答,让我们一起看看吧。

网站class命名规范 网页里class是什么div>
图片来源网络,侵删)
  1. css.的命名规则?
  2. css目标规则命名怎么弄?
  3. CSS中的ID和CLASS的使用区别?
  4. elementui class命名规范?

css.的命名规则

一、网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率。

所有的命名最好都小写

属性的值一定要用双引号("")括起来,且一定要有值如class="divcss",id="divcss"

每个标签都要有开始和结束,且要有正确的层次,排版有规律工整

网站class命名规范 网页里class是什么
(图片来源网络,侵删)

元素要有结束的tag或于开始的tag后加上"/"

css目标规则命名怎么弄?

在CSS中,目标规则命名的重要性不言而喻。为了方便维护和理解,我们需要为每个目标规则取一个有意义的、易于识别的名称

一般来说,命名应该简洁、明确、有意义,可以使用驼峰命名法或下划线命名法,不要使用数字或特殊字符。

同时,我们应该避免使用过于具体的名称,而应该使用抽象的名称,以便于在不同的场景下使用。

网站class命名规范 网页里class是什么
(图片来源网络,侵删)

最后,我们还可以为目标规则添加注释,以便于其他开发人员理解我们的代码。总之,好的目标规则命名能够提高代码的可读性和可维护性,是一项非常重要的工作

CSS命名可分ID命名和class命名。

ID命名规则:"#+元素名称";

class命名规则:".+元素名称";

但ID命名多用于JS,下面提供网页设计常用命名

CSS中的ID和CLASS的使用区别?

在CSS中,ID和CLASS是两种不同的选择器,它们的使用区别主要体现在以下几个方面:

1. 唯一性:ID应该是唯一的,每个HTML元素只能有一个ID属性,且在同一个HTML文档不能重复。而CLASS可以重复使用,一个HTML元素可以同时具有多个CLASS。

2. 作用域:ID选择器的优先级高于CLASS选择器。如果一个元素同时具有ID和CLASS,且ID和CLASS定义了相同的样式,ID选择器的样式将覆盖CLASS选择器的样式。

3. 命名规范:ID的名称应该具有描述性,通常由小写字母和下划线组成。而CLASS的名称也应该具有描述性,通常由小写字母和连字符组成。

4. 使用场景:ID通常用于标识特定的、唯一的元素,例如页面中的某个特定区域或某个特定的元素。而CLASS则通常用于标识一组具有相同样式或行为的元素,例如一系列相同的按钮或一系列相同的段落。

elementui class命名规范?

element ui class的命名规范都是el-开头的,因为el是element ui的缩写

获取的是这两个单词的首字母,再加上标签的类型,比如是input标签,命名则是el-input。

ElementUI 的 class 命名规范遵循了 BEM(Block Element Modifier)命名规范,具体规则如下:

1. Block(块):表示一个独立组件模块,使用驼峰式命名,如 `elButton`。

2. Element(元素):表示 Block 的子元素,使用 Block 名称作为前缀,使用下划线连接,如 `elButton__icon`。

3. Modifier(修饰符):表示 Block 或 Element 的状态或变化,使用 Block 或 Element 名称作为前缀,使用双横线连接,如 `elButton--primary`。

例如,一个按钮组件的 HTML 结构如下:

到此,以上就是小编对于网站class命名规范的问题就介绍到这了,希望介绍关于网站class命名规范的4点解答对大家有用。

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享