CSS的class命名和使用方法

最新推荐文章于 2023-08-23 15:51:55 发布
最新推荐文章于 2023-08-23 15:51:55 发布
阅读量568 收藏
点赞数
分类专栏： CSS 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dllyj86/article/details/84386307
版权
1. 类名各个单词之间用"-"连接。
2. 页面最外层的布局DIV，class名字用"layout-"开头。一般情况，布局不超过2层。
3. layout元素的class样式，在CSS文件中要集中在一起写，方便设定。
4. 每个区域内，根据实际情况，创建作为component的DIV，DIV的class命名要体现出该component的作用/意义/位置等。
5. 每个component内部的元素，根据情况设置各自的class。在CSS文件中设定这些class时，要按照层级关系，按照".component .separateClass .separateClass"的结构写出来，方便查找。
dllyj86
关注
专栏目录
css中id和class的用法和选择
学习也休闲
11-15 1879
定义格式： 形如id="aaa"定义的,在css中是这样设置其样式的： #aaa{ 样式列表 } 而以class="bbb"形式定义的，在css中应该这样设置其样式： .bbb{ 样式列表 } （注意前面有一个点）   ID与CLASS的使用技巧 1. 子级的命名的包含父命名中的部分为开头。这样方便在编写CSS时明确层次关系。 2.
详细了解CSS中的class与id区别及用法
01-19
我们平常在用DIV CSS制作Xhtml网页页面时，常会用到class 和id来选择调用CSS样式属性。对学习CSS的新手来说class和id可能比较模糊，同时不知道什么时候该用class，什么时候又用id，以及它们用法与限制是怎么样的。接下来我们就来详细了解CLASS与ID基本属性及用法。 Class 在程序中称“类”，同时在CSS中也书面语也叫“类”。在CSS样式中以小写的“点”及“.”来命名如： .css5{属性：属性值;} ,而在html页面里则以class=css5 来选择调用,命名好的CSS又叫css选择器。如： .css5{属性：属性值;} 选择器在html调用为“<div
小白问个问题，css中class 用法！
DOCTYPE_C的小白博客
01-09 642
怎么使用class，每次都用不好！！我是小白，真心求教！【已解决】
css选择器class的特殊用法
EdmundBai的博客
12-09 356
'nextPageBtnListPage': "div[class='cs-view cs-view-block cs-pagination'] > a:nth-last-child(1)",
关于css命名规范一些小技巧或经验
weixin_49354517的博客
04-29 591
前言 通过前边自己进行了一周自适应招聘官方网站PC端和移动端的开发，自己在开发过程中也遇到了一些css命名规范的令人头疼的事情，自己回过头来看自身的代码认真思考并总结了一些不成熟的经验，下文将向大家介绍一些命名规范，遵照这些规范可以省时省力，少走弯路。 1、模块化命名 先根据UI图进行页面整体的块级划分，可以画出页面的基本框架布局，然后脑中一定要形成一个清晰的架构图，开发的过程中最好使用一些寓意清晰的语义去定义好块的class类，如下： nav header footer main cont
使用 CSS（样式表）的 class
李昱成的专栏
10-23 2066
class 是类，用来定义 style 属性。 在使用 CSS（样式表）时用 class 可以更方便。 举例： 文件1:C1.CSS .Bar { border-right: 2px outset; border-top: 2px outset; overflow: auto; border-left: 2px outset; border-bottom: 2px outset; } .BCap
div css命名规范 css class命名规则(符合SEO规范)
09-22
在网站开发和搜索引擎优化（SEO）的过程中，合适的CSS和DIV的命名规则是非常关键的。它不仅能够提高代码的可读性，还能帮助搜索引擎更好地理解页面结构，进而提升网站在搜索结果中的排名。本文将详细介绍一些流行的...
CSS命名规则和命名方法
09-24
在CSS（层叠样式表）编程中，正确的命名规则和方法对于提高代码可读性、维护性和团队协作至关重要。以下是一些常用的CSS命名规则和命名方法： ### 命名规则 1. **语义化**：命名应具有描述性，反映元素的实际功能...
div+css样式表的id和class常用命名规则
09-25
### 常用的ID和Class命名： - `header`：表示页面的头部区域，包含网站logo、主导航等。 - `sideBar`：表示页面的侧边栏，通常放置广告、链接或其他导航项。 - `subNav`：表示子导航区域，用于展示主要导航下的子...
css中id和class的定义格式、使用技巧及选择
01-19
而以class=bbb形式定义的，在css中应该这样设置其样式：.bbb{ 样式列表 }（注意前面有一个点） ID与CLASS的使用技巧 1. 子级的命名的包含父命名中的部分为开头。这样方便在编写CSS时明确层次关系。2. CLASS中的子级...
css class选择器用法,CSS类选择器用法简明介绍
weixin_39743357的博客
08-03 2239
你对CSS类选择器的使用是否熟悉，这里向大家描述一下，在CSS中，CSS类选择器通常以一个点号显示，需要注意一点的就是不要使用数字起始类名！因为它无法在Mozilla或Firefox中起作用。CSS类选择器在CSS中，CSS类选择器以一个点号显示：.center{text-align:center}在上面的例子中，所有拥有center类的HTML元素均为居中。在下面的HTML代码中，h1和p元素都...
CSS中class的样式赋值方法详解
最新发布
jakelihua
08-23 1713
在CSS中，class是一种用于标识HTML元素并定义其样式的重要概念。通过为元素添加class属性，我们可以将相同的样式应用于多个元素，从而提高代码的可重用性和可维护性。本文将详细介绍CSS中class的各种样式赋值方法，并结合案例来帮助您更好地理解和应用class样式。以上是CSS中class的几种常见的样式赋值方法。通过灵活运用这些方法，我们可以更好地组织和管理样式规则，提高代码的可读性和可维护性。同时，了解样式的优先级规则也能帮助我们解决样式冲突的问题。
开发常用class 名
m0_66089610的博客
02-17 393
状态类： primary, secondary, success, danger, warning, info, error, Link, light, dark, disabled, active, checked, loading。结构类：hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span。
CSS样式文件和class类名命名规范参考
商务合作 / 项目定制开发 / 前端一对一培训、答疑
07-29 1130
大部分前端程序员都有命名强迫症，要花很长时间来想这个本来不是问题的问题。下面总结了样式文件命名和模块class类别命名
css实例 css中id/class 详解样式表（外部样式表 内部样式表 内联样式 7种基础选择器 多重样式优先级 错误理解）[第一天]
PBitW的博客
08-03 9934
css实例 css中的id css中的class 样式表 外部样式表 内部样式表 内联样式 7种基础选择器 5种组合选择器 后代选择和子代选择注意 多重样式优先级 选择器错误理解
DIV+CSS中的class与id区别及用法
weixin_33698043的博客
11-29 203
DIV+CSS中的class与id区别及用法　　我们平常在用DIVCSS制作Xhtml网页页面时，常会用到class和id来选择调用CSS样式属性。对学习CSS的新手来说class和id可能比较模糊，同时不知道什么时候该用class，什么时候又用id，以及它们用法与限制是怎么样的。接下来我们就来详细了解CLASS与ID基本属性及用法。　　Class在程序中称“类”，同时...
前端常用class类名，命名规范 ---kalrry
kalrry
12-12 4626
前端常用class类名---命名规范 ---kalrry 头部：header 栏目标题：title 内容：content、container 版权：copyright 搜索：search 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 导航：nav 子导航：subnav 菜单：menu 子菜单：submenu 滚动：scroll 友情链接：friendlink 侧栏：sidebar 栏目：column 页面外围控制整体宽度：wrapper 左右中：left、right、center
css class 重命名,前端开发中CSS类名class的命名
weixin_30173361的博客
08-03 1421
前端开发中CSS类名class的命名发布时间：2020-03-26 15:58通常CSS类名命名方式有四种：下划线：class="seach_input"减号：class="seach-input"混乱式：class="seachinput"驼峰式：class="seachInput"CSS类名class是用下划线”_”还是减号”-”,这个没有特殊的规定，一个人写代码的时候想怎么写就怎么写。但是在...
css中.是class 是,在css样式中class是什么
weixin_42512509的博客
08-04 1334
在css样式中class是指CSS的类选择器，允许以一种独立于文档元素的方式来指定样式；类选择器允许以一种独立于文档元素的方式来指定样式，用于描述一组元素的样式，可以在多个元素中使用。本文操作环境：windows7系统、CSS3版、Dell G3电脑。css class指的是CSS的类(class)选择器，允许以一种独立于文档元素的方式来指定样式。下面本篇文章给大家介绍一下CSS 类(class)...
CSS样式命名规范与ID-Class使用解析
在UI设计和前端开发中，CSS样式命名规范扮演着至关重要的角色。良好的命名规范不仅有助于代码的可读性和维护性，还对SEO（搜索引擎优化）有所助益，使得网页更易于被搜索引擎理解。以下是对标题和描述中所涉及知识点...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值