常见的CSS类命名规则

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

#前端 #css

这篇博客深入探讨了前端开发中的Vue框架与JavaScript的交互，详细阐述了如何利用Vue的组件化特性提高开发效率，并通过实际案例解析了Vue与JSX的比较。同时，博主分享了在大型项目中应用Vue的最佳实践和遇到的挑战，为读者提供了宝贵的实战经验。

仅仅是常见的命名规则:

头：header

内容：content/container

尾：footer

导航：nav

侧栏：sidebar

栏目：column

页面外围控制整体布局宽度：wrapper

左右中：left right center

登录条：loginbar

标志：logo

广告：banner

页面主体：main

热点：hot

新闻：news

下载：download

子导航：subnav

菜单：menu

子菜单：submenu

搜索：search

友情链接：friendlink

页脚：footer

版权：copyright

滚动：scroll

内容：content

标签页：tab

文章列表：list

提示信息：msg

小技巧：tips

栏目标题：title

加入：joinus

指南：guild

服务：service

注册：regsiter

状态：status

投票：vote

合作伙伴：partner

CSS代码书写规范
流楚丶格念的博客
06-01 3239
http://www.divcss5.com/rumen/r50787.shtml https://www.cnblogs.com/oc-bowen/p/6441794.html
div css命名规范 css class命名规则(符合SEO规范)
09-22
在网站开发和搜索引擎优化（SEO）的过程中，合适的CSS和DIV的命名规则是非常关键的。它不仅能够提高代码的可读性，还能帮助搜索引擎更好地理解页面结构，进而提升网站在搜索结果中的排名。本文将详细介绍一些流行的...
css命名规则
03-30
css命名规则css命名规则css命名规则css命名规则css命名规则css命名规则css命名规则css命名规则css命名规则css命名规则css命名规则css命名规则css命名规则
值得收藏的CSS命名规范(规则)常用的CSS命名规则
12-14
CSS命名规范(规则)常用的CSS命名规则  头：header  内容：content/container  尾：footer  导航：nav  侧栏：sidebar  栏目：column  页面外围控制整体佈局宽度：wrapper  左右中：left right center  登录条：loginbar  标志：logo  广告：banner  页面主体：main  热点：hot  新闻：news  下载：download  子导航：subnav  菜单：menu  子菜单：submenu  搜索：search  友情链接：friendlink  页脚：footer  版权：copyrigh
CSS推荐的类名
weixin_30848775的博客
06-22 124
头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：...
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 文件命名规则
12-12
对于样式的命名，在《 [更新] 样式命名规则 》已经有讨论，可是样式的命名规则并不能被应用到文件的命名中，毕竟使用的环境不太一样，要解决的问题也不太一样。样式命名要解决的是名称语义化，通过名称能知道这个...
CSS命名规范(规则)常用的CSS命名规则
weixin_30906185的博客
10-23 273
CSS命名规范(规则)常用的CSS命名规则 CSS命名规范(规则)常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体佈局宽度：wrapper 左右中：left right center 登录条：loginbar ...
class命名规范
xdongll的专栏
08-08 4533
常见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...
CSS常用类标签命名规范
m0_48134027的博客
08-05 3781
1. 内容优先,表现为辅 类-class 类名，我通常用横线就像这样 .head-logo { … } /*页面头部logo的类名*/ .nav-li { … } /*导航条上list的类名*/ .link-panel-h2 { … } /*链接模块的标题*/ ID id,我通常用驼峰式命名。在我的理解里驼峰式命名专门用在独一无二的变量上；所以我也经常在javascrpt中采用这个方法来定义变量。 #navLastLi { … } /*获取到导.
【前端】CSS类命名规范指南
最新发布
qq_45974648的博客
07-16 740
CSS 命名规范提升项目可维护性，主流方法包括BEM（Block__Element--Modifier）、SMACSS（五层架构）和SUITCSS（PascalCase命名）。核心原则是语义化命名、一致性、连字符分隔和命名空间。最佳实践建议使用连接符、避免嵌套、合理缩写，大型项目推荐CSS Modules结合SMACSS。数据显示规范命名可减少35%样式冲突，提升50%可读性，降低40%维护成本。中小项目适合BEM+状态类命名方式。
css 类名大全
literarygirl的博客
08-29 9798
做前端最纠结的就是css命名，写个标签想名字就要像个一分钟，so 从晚上copy了一些规范的命名。 相对网页外层重要部分CSS样式命名： 外套 wrap ------------------用于最外层 头部 header ----------------用于头部 主要内容 main ------------用于主体内容（中部） 左侧 main-left -------------左侧布局 右侧 ...
CSS 类名的命名方法
weixin_45867310的博客
05-01 846
separator它是-的同义词delimiter，用于分离以免混合的目的。dividerdelimiter用于按-的同义词进行分组的目的。toc-Table of contents的缩写。delimiter- 显示项目范围和边界的界面。xl-Extra hugelarge 的同义词。faq-的同义词qanda，常见问题的缩写。search-result- 搜索结果屏幕。checkout- 购买已保存物品的屏幕。cart- 临时保存要购买的物品的屏幕。thumb-thumbnail的缩写。
css类名命名规则_书写Css的一些规范(基础篇)
weixin_34688110的博客
11-29 5392
一、Css书写顺序：1.位置属性(position, top, right, z-index, display, float等)　2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)　4.背景(background, border等)5.其他(animati...
CSS命名
qyt1988528的博客
07-25 456
类class命名 头：header  内容：content/container  尾：footer  导航：nav  侧栏：sidebar  栏目：column  页面外围控制整体布局宽度：wrapper  左右中：left right center  登录条：loginbar  标志：logo   广告：banner  页面主体：main  热点：hot  新闻：news  下载：d
CSS样式命名规则
qq_38229938的博客
07-01 1653
头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单...
常用的CSS命名规范
Jenn168的博客
06-16 695
 &CSS命名由小写的英文单词或组合命名，单词与单词之间通过“-”连接，常用的CSS命名规范有文本命名规范，页面结构命名规范，导航命名以及功能命名等。 1.页面结构   页头：header    页面主体：main   内容：content / container    页尾：footer    容器：container   导航：nav    侧栏：sidebar    栏目：column    页面外围控制整体布局宽度：wrapper 
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值