css 样式class命名规范

最新推荐文章于 2025-07-16 16:11:48 发布
原创 最新推荐文章于 2025-07-16 16:11:48 发布 · 863 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css

本文详细介绍了网页布局中常用的各个组件及其功能，包括头部、内容、尾部等，并针对每个组件的特点进行了说明。通过本文，读者可以更好地理解如何合理地使用这些组件来构建美观且实用的网站。
header                                                 头
content/containe                                  内容
footer                                                   尾
nav                                                      导航
sidebar                                                侧栏
column                                                栏目
loginbar                                              登录条
logo                                                    标志
banner                                               广告
main                                                   页面主体
hot                                                     热点
news                                                  新闻
download                                           下载
subnav                                               子导航
menu                                                   菜单
submenu                                             子菜单
search                                                 搜索
friendlink                                             友情链接
footer                                                   页脚
id                                                         版权
scrll                                                      滚动
content                                                 内容
tab                                                       标签页
list                                                        文章列表
msg                                                  提示信息
tips                                                    小技巧
title                                                    栏目标题
joinus                                                加入
guild                                                  指南
service                                              服务
register                                             注册
status                                                状态
vote                                                  投票
partner                                             合作伙伴
div css命名规范 css class命名规则(符合SEO规范)
09-22
代码的优化是搜索引擎优化(seo)中一个很关键的步骤，为了符合SEO的规范，本文整理了一下目前流行的CSS+DIV的命名规则，感兴趣的朋友可以参考下哈，希望可以帮助到你
div+css样式表的id和class常用命名规则
09-25
在编写div+css样式表的过程中，一个重要的环节是对id和class的命名。id通常用于标识页面中的独特元素，而class则用于标识同一页面中可以多次使用的元素。合理且规范的命名可以使HTML文档结构清晰，便于开发者阅读和...
class命名规范
xdongll的专栏
08-08 4539
常见class关键词： 布局类：header, footer, container, main, content, aside, page, section 包裹类：wrap, inner 区块类：region, block, box 结构类：hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span 列表类：li...
最常用的100个ClassName集合
hsany330的专栏
07-09 743
bout 关于 account 账户 action 操作 ad,advertisment 广告 arrow 箭头图标 article 文章 aside 边栏
CSS的class常用命名规则
zheng_14451的博客
08-25 8302
CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索
CSS样式文件和class类名命名规范参考
商务合作 / 项目定制开发 / 前端一对一培训、答疑
07-29 1549
大部分前端程序员都有命名强迫症，要花很长时间来想这个本来不是问题的问题。下面总结了样式文件命名和模块class类别命名
CSS语义化命名方式及常用命名规则
09-25
- **Class命名**：推荐使用描述性的名称，如颜色`.red`, `.f60`，字体大小`.font12px`, 对齐样式`.fl`, `.mt20`，标题`.titleBar`等。 4. **防止命名冲突**： - 在团队合作时，可以在类名前添加团队成员代号或...
CSS样式命名以及兼容性.pdf
10-04
本篇文档主要探讨了CSS样式的命名规则和兼容性问题，这对于确保网页的可读性、可维护性和跨浏览器一致性至关重要。 首先，文档提到了一些常用的CSS类名命名约定，这些约定有助于提高代码的可读性和团队间的协作效率...
css class 重命名,CSS中class的命名规范
weixin_39840606的博客
08-03 741
避免以视觉效果来命名类尽量避免以类的视觉效果来命名：如.half。因为如果使用响应式布局，你的页面会有多种布局来适应多种显示设备的需求。一个元素可能要在台式电脑上占据一半的宽度，但在移动设备上你可能需要它占据全部的宽度。.half的语义却把这个元素的宽度定死了：如果这样命名，那么在移动设备上你就需要用js删除.half类然后增加.full类！更好的方式是：类名仅描述类的功能，对于那些需要响应式变化...
什么鬼，又不知道怎么命名class了
timeww
10-20 839
作者：结一 日期：2015-10-19 点击：8 千重重构 CSS 相信写css的人都会遇到下面的问题： 糟糕，怎么命名这个class，好像不太贴切，要是冲突了怎么办，要不要设计成通用一点...而改别人css代码的时候则会一直有个疑问：这个class到底是只在这个地方用了，还是其他地方都用了？ 于是就有了下面
class 命名规范
南北极之间
02-14 1659
class 命名规范 常见class关键词 布局类：header, footer, container, main, content, aside, page, section 包裹类：wrap, inner 区块类：region, block, box 结构类：hd, bd, ft, top, bottom, left, right, middle, col, row, grid,...
对CSS的Class及Id的规范化命名
zgqtxwd的专栏
05-01 417
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
class样式命名
w96098的博客
02-23 646
常见class关键词： 布局类：header, footer, container, main, content, aside, page, section 包裹类：wrap, inner 区块类：region, block, box 结构类：hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span 列表类：list, item, field 主次类：primary, secondary, sub, minor 大小类：s, m,
再探CSS 中 class 命名规范
weixin_34122548的博客
12-24 306
一直以来我的CSS 的 class命名都是比较随意，有时采用驼峰式、有时采用下划线，好像没有什么统一的标准，想到什么英文单词就拿过来用，这对于自己瞎写的小项目无伤大雅，遇到冲突的问题可稍加调整改变即可。 今天，我学习并掌握了一种新的class命名规范，觉得它更加科学更加稳健。在此总结。 关注分离 class 的命名要遵循关注分离、松耦合的原则，同时注重易于理解 下面的代码展示了一些简单的 ...
【前端】CSS类命名规范指南
最新发布
qq_45974648的博客
07-16 816
CSS 命名规范提升项目可维护性，主流方法包括BEM（Block__Element--Modifier）、SMACSS（五层架构）和SUITCSS（PascalCase命名）。核心原则是语义化命名、一致性、连字符分隔和命名空间。最佳实践建议使用连接符、避免嵌套、合理缩写，大型项目推荐CSS Modules结合SMACSS。数据显示规范命名可减少35%样式冲突，提升50%可读性，降低40%维护成本。中小项目适合BEM+状态类命名方式。
CSS推荐的类名
weixin_30848775的博客
06-22 126
头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：...
css样式命名规范
QUX轻博客
03-28 305
一、命名规则说明： 1)、所有的命名最好都小写 2)、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5" 3)、...
CSS 样式命名规范
purple_lumpy的博客
01-03 1929
1. 采用英文字母、数字以及“-”和“_”命名 2. 以小写字母开头，不能以数字和“-”、“_”开头 3. 命名形式：一个单词，连字符，下划线和驼峰（除第一个字符外其他单词首字母大写） 4. 使用有意义命名 注意： - id谨慎使用 - 适当使用class
CSS类名命名规则
热门推荐
一根破棍子的博客
03-30 2万+
CSS样式命名说明网页公共命名#wrapper页面外围控制整体布局宽度#container或#content容器,用于最外层#layout布局#head, #header页头部分#foot, #footer页脚部分#nav主导航#subnav二级导航#menu菜单#submenu子菜单#sideBar侧栏#sidebar_a, #sidebar_b左边栏或右边栏#main页面主体#tag标签#ms...
CSS样式命名规范详解
以上就是CSS样式命名规范的一些基本要点，遵循这些规则可以大大提高代码的可维护性和团队间的合作效率。在实际开发中，还可以结合BEM（Block Element Modifier）或其他命名方法论进一步优化命名策略。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值