规范化的CSS不仅利于团队合作，而且对后期的维护以及代码的重用，都是十分至关重要的，所以，学习总结CSS规范的相关知识。
原创
2021-06-01 11:40:23
236阅读
空格规范【强制】 选择器 与 { 之间必须包含空格。示例： .selector { }【强制】 属性名 与之后的：之间不允许包含空格，：与属性值之间必须包含空格。示例：font-size: 12px;选择器规范【强制】 当一个 rule 包含多个 selector 时，每个选择器声明必须独占一行。示例：/* good */.post,.page,.comment { line-height: 1.5;}/* bad */.post, .page, .comment
原创
2020-06-29 19:51:37
998阅读
1评论
对于CSS，为了避免样式冲突，我们总会给其赋予相当特殊的命名，或是在选择符上添加HTML标记，或是使用层级。面向属性的命名方法，是什么属性就写什么名。精简高效CSS命名之“三无原则”，此“三无原则”就是：无ID，无层级，无标签，CSS命名就应该最简单、最直接，直捣黄龙。没有HTML标签，没有层级，原因有三：http://www.iis7.com/b/slj/限制重用2.CSS文件大小3.降低了渲染
原创
2018-09-13 10:41:39
1692阅读
点赞
CSS编码规范
本文档的目标是使CSS代码风格保持一致，容易被理解和被维护，如果自己没有这种习惯，请好好选择你的IDE，别再用“文本编辑器”。
本文档虽针对CSS设计的，但是在使用各种CSS的预编译器(如less、sass、stylus等)时，适用的部分也应尽量遵循本文档的约定。
1 代码风格
1.1 文件
[建议] CSS 文件使用无 BOM 的 UTF-8 编码。
解释：
UTF-8 编码具
转载
2021-08-20 15:22:59
347阅读
css中id或class命名规范：最好不要在你的类名或者ID名中去加入颜色或者长宽的尺寸等带有属性的名字。先看一个例子： .l-123f { color: red; } 如果你第一次看到这个类名，你能在css文件立刻找到这个class吗？估计很难，因为这个类的名称只是某一个人能理解的符号再没有其...
转载
2013-11-04 01:08:00
100阅读
2评论
头部注释/** @description: 中文说明* @author: name* @update: name (2013-04-13 18:32)*/首尾注释/* Footer */ 内容区 /* End Footer */ 注意事项1、一律采用小写加中划线的方式，不允许使用大写字母或 _2、尽... Read More
转载
2015-09-04 09:40:00
391阅读
2评论
最近看到了些关于css命名方面的文章，对于这方面我也有自己的看法。我接触css有很长一段时间了，对于css的命名我也是在逐步改进。感觉工作中比较常碰见的问题：1.需要给层定义各种尺寸的宽度，高度基本是不用定义的2.层的padding和层之间的margin3.给文字高亮颜色4.各种样式的tab和button5.不同的背景色6.各种样式的border7.左浮动，右浮动8.粗体，斜体9.居左，居中，居右...
转载
2009-11-08 18:04:00
870阅读
2评论
1CSS命名规范 一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css；
转载
2013-01-31 15:55:00
171阅读
一、面向对象CSS（OOCSSS） OOCSS规则一：结构和皮肤分离 如.btn ， .btn-info ，.btn-warning OOCSS规则二：容器和内容分离（不推荐） 二、单一职责原则 （1）、尽可能拆分成可独立复用的组件 （2）、通过组合方式使用多个组件 实现：可以像面向对象CSS那样实
转载
2017-07-12 14:36:00
218阅读
2评论
本文主要介绍：CSS书写规范，CSS书写顺序，CSS命名规范（规则），CSS注释的写法。
原创
2021-06-07 15:05:32
266阅读
代码结构
1. browser mode: standard quirk（兼容旧site ie旧boxmodel）
2. specificity：某个p有自己的特性
p {color: black;}
p.intro {color: grey;}
p .intro 是指包含在p内class为intro的元素
p {backg
原创
2011-11-09 09:10:11
825阅读
最近公司缺少人手，把我调到了一个前端开发中，哥本来就是做后台的，但是无奈只能硬着头皮上了，对于css怎么滴还还是了解，但是初始的命名整的我很头疼，怕被人家说，所以这里整理并转载了一些css的命名留作备用：关于css文件的命名。主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题
转载
精选
2012-03-29 10:17:15
1163阅读
目前大部分前端都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里总结一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。
转载
精选
2014-01-24 12:23:04
653阅读
CSS编码规范1前言2代码风格 2.1文件 2.2缩进 2.3空格 2.4行长度 2.5选择器 2.6属性3通用 3.1选择器 3.2属性缩写 3.3属性书写顺序 3.4清除浮动 3.5!important 3.6z-index4值与单位 4.1文本 4.2数值 4.3url() 4.4长度 4.5颜色 4.62D位置5文本编排 5.1字体族 5.2字号
转载
2019-03-21 17:03:59
309阅读
css书写顺序1.位置属性（position, top, right, z-index, display, float等)建议把display写在第一位关系到模式2.自身属性（width, height, margin, padding, border, background )3.文本属性 (color, font, text-decoration, text-align, vertical-a
转载
2021-04-28 10:49:03
238阅读
2评论
前言CSS 作为网页样式的描述语言，在百度一直有着广泛的应用。本文档的目标是使 CSS 代码风格保持一致，容易被理解和被维护。虽然本文档是针对 CSS 设计的，但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时，适用的部分也应尽量遵循本文档的约定。2 代码风格2.1 文件[建议] CSS 文件使用无 BOM 的 UTF-8 编码。解释：UTF-8 编码具有更广泛的适应
转载
2021-04-28 11:05:38
178阅读
2评论
CSS样式命名说明网页公共命名#wrapper页面外围控制整体布局宽度#container或#content容器,用于最外层#layout布局#head, #header页头部分#foot, #footer页脚部分#nav主导航#subnav二级导航#menu菜单#submenu子菜单#sideBar侧栏#sidebar_a, #sidebar_b左边栏或右边栏#main页面主体#tag标签#ms...
原创
2021-07-05 13:38:27
383阅读
页头：header登录条：loginbar标志：logo侧栏：sidebar广告：banner导航：nav子导航：subnav菜单：menu子菜单：submenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service热点：hot新闻：news
转载
2006-08-09 10:25:00
190阅读
2评论
