CSS—【id】【class】和【文件】的命名规范

最新推荐文章于 2022-08-23 09:59:37 发布
最新推荐文章于 2022-08-23 09:59:37 发布
阅读量321 收藏
点赞数
分类专栏： CSS 前端 文章标签： CSS 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44943631/article/details/103176841
版权

【id】【class】和【文件】的命名规范

  • 命名时尽量使用英文，如果不会可以使用拼音，但是不要英文和拼音混用

  • 命名格式:
    1、驼峰命名法

      首字母小写，每个单词的开头字母大写（例如：aaaBbbCcc   helloWorld）

    2、也可以所有的字母都小写，单词之间使用_或-链接

      aaa_bbb_ccc    aaa-bbb-ccc
追梦少年的大牛计划
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
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中的子级...
div+CSS ID的命名规范和习惯
weixin_30886233的博客
10-07 86
大家都知道规范的css命名可以增强样式规则的可读性，便于后来你或别人对页面的修改。起初我写css规则的时候,用汉语的缩写来命名，现在看来是很不专业的，也给我的后期维护浪费精力。 根据自己的而写法习惯和网上的一些写法，我总结了一套适用自己的id命名写法.拿出来晒一晒。 CSS 类和ID的常用命名： 网站头部: head/header(头部) top（顶部） ...
div+css设计中ID的命名习惯和规范
gotohbu的专栏
03-12 759
 div+css设计中ID的命名习惯和规范  大家都知道规范的css命名可以增强样式规则的可读性，便于后来你或别人对页面的修改。起初我写css规则的时候,用汉语的缩写来命名，现在看来是很不专业的，也给我的后期维护浪费精力。根据自己的而写法习惯和网上的一些写法，我总结了一套适用自己的id命名写法.拿出来晒一晒。CSS 类和ID的常用命名：网站头部:    head/header(
HTML，CSS的class与id命名规则
热门推荐
吴小迪的博客
07-14 3万+
外套 wrap - - 用于最外层 头部 header - - 用于头部 主要内容 main - - 用于主体内容（中部） 左侧 main-left - - 左侧布局 右侧 main-right - - 右侧布局 导航条 nav - - 网页菜单导航条 内容 content - - 用于网页中部主体 底部 footer - - 用于底部 ...
CSS常用类和ID命名规范
weixin_30709809的博客
01-29 80
下面是CSS常用类和ID命名规范： 文件命名规范 全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；综合样式：style.css 类/ID命名规范 页　眉：header内　容：content容　器：container页　脚：footer版　权：copyright　导　航：menu主导航：...
CSS类及ID中的命名规则
技术资料收集站
04-15 1138
Web开发人员可以通过创建CSS类及id名称并使用这些名称来对divs以及其他的格式页面元素进行标识。对开发人员来说，在命名重新定义XHTML标记（tags）的CSS selectors时，必须保证其与预定义的标记准确匹配，但就类以及id选择器名称而言，则仁者见仁，智者见智。然而随心所欲的为这些类以及id命名则并不是个好的习惯。  直观命名   　　当在设计Web页面以及需要对一个
css ID类和class类的长命名与短命名
12-29
　先看下长命名和短命名的定义： <!– 长命名：使用前缀体现上下文环境的CSS命名方式。 –><div class=category> <div class=category-hd> <div class=category-bd> <div class=category-ft></div></div><!...
常见的css命名规范／ID命名规范／常用功能模块的命名
weixin_30662011的博客
09-08 133
常用的CSS命名规则 头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体佈局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：subm...
再探CSS 中 class 命名规范
weixin_34122548的博客
12-24 210
一直以来我的CSS 的 class命名都是比较随意，有时采用驼峰式、有时采用下划线，好像没有什么统一的标准，想到什么英文单词就拿过来用，这对于自己瞎写的小项目无伤大雅，遇到冲突的问题可稍加调整改变即可。 今天，我学习并掌握了一种新的class命名规范，觉得它更加科学更加稳健。在此总结。 关注分离 class 的命名要遵循关注分离、松耦合的原则，同时注重易于理解 下面的代码展示了一些简单的 ...
web前端+css命名 规范
05-10
web前端+css命名 规范
css class 重命名,CSS中class的命名规范
weixin_39840606的博客
08-03 654
避免以视觉效果来命名类尽量避免以类的视觉效果来命名：如.half。因为如果使用响应式布局，你的页面会有多种布局来适应多种显示设备的需求。一个元素可能要在台式电脑上占据一半的宽度，但在移动设备上你可能需要它占据全部的宽度。.half的语义却把这个元素的宽度定死了：如果这样命名，那么在移动设备上你就需要用js删除.half类然后增加.full类！更好的方式是：类名仅描述类的功能，对于那些需要响应式变化...
CSS的class常用命名规则
zheng_14451的博客
08-25 7853
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类及id的规范化命名
myali88的专栏
12-06 1212
作者： Builder.com        Web开发人员可以通过创建CSS类及id名称并使用这些名称来对divs以及其他的格式页面元素进行标识。对开发人员来说，在命名重新定义XHTML标记（tags）的CSS selectors时，必须保证其与预定义的标记准确匹配，但就类以及id选择器名称而言，则仁者见仁，智者见智。然而随心所欲的为这些类以及id命名则并不是个好的习惯。
css的class常用命名规则
weixin_41883384的博客
06-17 1264
CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则 　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right center 　　登录条：loginbar 　　标志：logo 　　广告：banner 　　页面主体：main 　　热点：hot 　　新闻：news...
id和class命名规范
realxue的专栏
10-23 820
首先讲一下div+css样式表的id的常用命名规则如下表所示: 页头 header 登录条 loginBar 标志 logo 侧栏 sideBar 广告 Banner 导航 nav 子导航 subNav 菜单 m
div+CSS ID的命名规范
08-08 652
网站头部:    head/header(头部) top（顶部）导航：   nanv 导航具体区分：topnav(顶部导航)、mainnav(主导航)、mininav(迷你导航)、textnav(导航文本)、subnav(子导航/二级导航) 旗帜、广告和商标：logo（旗帜）、brand(商标)、banner(标语) 搜索：sreach(搜索)、sreachbox(搜索框)、sreachbtn
css中ID选择器命名注意点
csusuky的博客
08-23 521
ID选择器不能是数字开头
CSS命名规范BEM
任磊
05-21 377
首先直接给原文链接：getBEM BEM的命名规则： 计算机科学里面只有两个问题：缓存失效和对象命名。——Phil Karlton 正确的样式指南能显著地提高开发速度、debug效率和继承代码的执行效率，然而很多CSS代码实际上并没有良好的组织结构和命名的规范...
优化的div+css ID与class命名规范解析
本文主要介绍了在CSS样式表中，如何为`id`和`class`选择器进行有效的命名，以提高代码的可读性和可维护性。内容包括`id`和`class`的区别以及常见的命名规则。 在CSS中，`id`和`class`是两个重要的选择器，用于为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值