CSS 样式命名规范

14 篇文章 1 订阅
订阅专栏

1. 采用英文字母、数字以及“-”和“_”命名

2. 以小写字母开头,不能以数字和“-”、“_”开头

3. 命名形式:一个单词,连字符,下划线和驼峰(除第一个字符外其他单词首字母大写)

4. 使用有意义命名


注意:

- id谨慎使用

- 适当使用class





CSS代码书写规范
流楚丶格念的博客
06-01 3060
http://www.divcss5.com/rumen/r50787.shtml https://www.cnblogs.com/oc-bowen/p/6441794.html
CSS 样式命名规则
09-25
本文将详细解析如何遵循有效的CSS样式命名规则。 首先,我们需要理解命名规则的基本原则。一个好的CSS类名应该具有清晰的意义,能够直观地反映出它的功能或样式特性,避免使用过于具体的值,如颜色名或尺寸。例如,...
常用的CSS命名规范大总结
izhaong
04-30 649
转载: http://www.php.cn/toutiao-417563.html 文本命名规范 index.css: 一般用于首页建立样式 head.css: 头部样式,当多个页面头部设计风格相同时使用。 base.css: 共用样式。 style.css:独立页面所使用的样式文件。 global.css:页面样式基础,全局公用样式,页面中必须包含。 layout.css:布局、版面样式,公...
css样式命名规范
QUX轻博客
03-28 246
一、命名规则说明: 1)、所有的命名最好都小写 2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5" 3)、...
css常用样式命名
最新发布
CSDN_lyy93的博客
06-26 196
banner,广告,推荐,热门,最新,猜你喜欢,横幅,巨幕,轮播图,海报。
CSS样式命名规范
qq_39301366的博客
08-25 3010
CSS样式命名规范: 采用英文字母、数字以及"-"和“_”命名 以小写字母开头,不能以数字和“-”、“_”开头 命名形式:单字,连字符,下划线和驼峰 使用有意义命名 常用的CSS样式命名 1.页面结构 页头:header 页面主体:main 页尾:footer 内容:content/container 容器:containe 导航:nav 侧栏:sidebar 栏目:column 页面外围控...
CSS样式命名规则及参考命名标准
01-24 242
(一)常用的CSS命名规则<br />头:header<br />内容:content/container<br />尾:footer<br />导航:nav<br />侧栏:sidebar<br />栏目:column<br />页面外围控制整体布局宽度:wrapper<br />左右中:left right center<br />登录条:loginbar<br />标志:logo<br />广告:banner<br />页面主体:main<br />热点:hot<br />新闻:news<br />下
CSS命名
qyt1988528的博客
07-25 388
类class命名 头:header  内容:content/container  尾:footer  导航:nav  侧栏:sidebar  栏目:column  页面外围控制整体布局宽度:wrapper  左右中:left right center  登录条:loginbar  标志:logo   广告:banner  页面主体:main  热点:hot  新闻:news  下载:d
编写CSS样式时的常见问题,及CSS编写的规范和大多人的习惯
weixin_30458043的博客
02-21 282
由于项目中编写文档结构、编写CSS的人员较多,并与程序员协同工作,所以就需要统一开发规范,根据XHTMl和CSS编织的规范和大多人的习惯,整理了以下针对本项目的一个简单的开发规范: 一、CSS文件及样式命名 1、CSS文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打...
CSS样式命名规则(仅供参考)
10-05
### CSS样式命名规则详解 #### 一、引言 在前端开发中,良好的CSS样式命名习惯对于项目的可维护性至关重要。合理的命名不仅能够提高代码的可读性,还能帮助团队成员快速理解样式的作用,减少不必要的沟通成本。...
div+css样式表的id和class常用命名规则
09-25
在编写div+css样式表的过程中,一个重要的环节是对id和class的命名。id通常用于标识页面中的独特元素,而class则用于标识同一页面中可以多次使用的元素。合理且规范的命名可以使HTML文档结构清晰,便于开发者阅读和...
CSS命名规范
03-19
css一些标签的命名规范,作为前端的设计人员,对于CSS的接触,就像吃饭一样。所以CSS命名规范 命名是 前端人员必看的。 文章整理了Web前端开发中的常用的一些CSS规范
【DIV+CSS学习笔记】CSS样式命名规范
06-08
CSS样式命名规范】在网页设计中,CSS(层叠样式表)的使用极大地提高了页面的可维护性和可扩展性。良好的CSS命名规范是保证代码可读性、可维护性的关键,也是团队协作中必不可少的一环。以下是关于CSS命名的一些...
CSS样式命名规范(通用)
似水流年
03-30 793
命名:根据每块元素的主题或者功能、在页面上的位置来进行CSS样式命名。 php中命名规范:  每个单词中间以“_”隔开 #main_left_box{} 驼峰命名: 从第二个单词开始每个单词的首字母大写  #mainLeftBox{} 【注意】:写包含样式的时候能找到这个元素并且不影响其他元素即可 页头:header  如:#header{属性:属性值;}或.header{
css样式命名规范:BEM命名规范
cindy647的博客
09-10 866
前言: 在小型项目中,css样式命名只要遵循基本规则,即可灵活合理运用。但在中大型项目中,如果没有统一的命名规范和代码风格,页面一多,将会很难维护和理解,甚至出现重复命名导致样式覆盖、代码污染的问题。为此,基于bem命名规范,提供了这样一套css命名规则。 说明: bem命名规范掘金原地址:https://juejin.im/post/5b925e616fb9a05cdd2ce70d 要点...
CSS样式命名规则
zhongffang的博客
11-22 283
CSS样式命名 说明 网页公共命名 #wrapper 页面外围控制整体布局宽度 #container或#content 容器,用于最外层 #layout 布局 #head, #header 页头部分 #foot, #footer 页脚部分 #nav 主导航 #subnav 二级导航 #menu 菜单 #submenu 子菜单 #sideBar 侧栏 #sidebar_a, #sidebar_b 左边栏或右边栏 #main 页面主体 #ta...
css样式命名规则(仅供参考)
weixin_30415113的博客
07-30 297
今天在懒人图库网站(http://www.lanrentuku.com)看到了css样式命名规则,在这里记录一下,方便以后规范命名. 原文地址:http://www.lanrentuku.com/lanren/superlazy/20070419/000757.shtml 1.样式命名 外 套:  wrap 主导航:  mainnav 子导航:  subn...
写文章

热门文章

  • 关于Android Studio中Run按钮是灰色的解决 133021
  • Vue 获取div 的宽度 30166
  • Vue 动画 过度效果(渐隐渐现) 22428
  • tensorflow 保存与使用训练好的模型 19389
  • 缓存头 Cache-Control 的含义和使用 19283

分类专栏

  • typescript
  • 前端测试 7篇
  • eslint 1篇
  • Android 19篇
  • Python 6篇
  • Algorithms 3篇
  • 不是技术类的 3篇
  • Java 7篇
  • Android Studio 11篇
  • Linux 1篇
  • opencv 1篇
  • C语言 1篇
  • Hadoop 4篇
  • github 5篇
  • Mac 2篇
  • 前端之HTML CSS 14篇
  • 前端之Javascript 12篇
  • JQuery 18篇
  • NLP
  • HTML5 9篇
  • Vue 35篇
  • css3 11篇
  • bootstrap 8篇
  • 字体
  • layer 1篇
  • echarts 2篇
  • Angular 2篇
  • vue 项目案例 31篇
  • 前端经验记录 13篇
  • 全栈案例 8篇
  • React 6篇
  • React基础内容学习记录 24篇
  • node.js 14篇
  • 一个react简单项目 33篇
  • HTTP 14篇

最新评论

  • 缓存头 Cache-Control 的含义和使用

    别说我太单纯: 👍

  • 瀑布流网页模型的一个示例

    m0_57470947: 你好,这个效果图可以发一下吗

  • 关于Android Studio中Run按钮是灰色的解决

    战斗的咸鱼: module中已经选择了App,但是RunApp还是灰色的啊,求助求助

  • react 项目中使用Sass

    Douz dipnoan: 谢谢,有被帮助到

  • 关于Android Studio中Run按钮是灰色的解决

    Champhoenix: 不错

最新文章

  • Jest 中的 snapshot 快照测试 基础
  • Jest 中钩子函数
  • Jest 异步代码 测试要注意的点
2019年140篇
2018年166篇
2017年17篇
2016年32篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值

玻璃钢生产厂家玻璃钢雕塑方法玻璃钢现代雕塑价格红河玻璃钢座椅雕塑厂家玻璃钢浮雕和石棉钢雕塑玻璃钢卡通雕塑的意义息烽玻璃钢雕塑制作电话玻璃钢树脂人物雕塑衢州玻璃钢雕塑陈设广东商场主题创意商业美陈服务玻璃钢人物铜雕塑图片玻璃钢海产品雕塑不锈钢镂空玻璃钢雕塑玻璃钢云彩雕塑图片深圳欧式人物玻璃钢雕塑定制福建开业商场美陈生产企业广西玻璃钢雕塑种类朝安玻璃钢雕塑厂家吉林玻璃钢动物雕塑价格如何阳江玻璃钢商场美陈人物玻璃钢雕塑定做商场时尚花盆玻璃钢花盆张家界玻璃钢造型雕塑商场直梯美陈玻璃钢人物学校抽象雕塑小品商场 美陈 英语怎么说朔州玻璃钢造型雕塑黄骅玻璃钢花盆花器富阳哪里有做玻璃钢雕塑厂家安徽人物玻璃钢雕塑定制烟台玻璃钢雕塑安装香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化