代码结构
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书写规范使用CSS缩写属性去掉小数点前的“0”简写命名16进制颜色代码缩写连字符CSS选择器命名规范不要随意使用Id为选择器添加状态前缀CSS命名规范（规则）常用的CSS命名规则注释的写法:Id的命名:1)页面结构2)导航3)功能
原创
2021-06-06 14:15:58
244阅读
CSS代码格式
空格规范
【强制】 选择器 与 { 之间必须包含空格。
示例： .selector { }
【强制】 属性名 与之后的：之间不允许包含空格，：与属性值之间必须包含空格。
原创
2021-06-01 21:14:45
403阅读
重新整理了css语法才发现，自己平时的书写很不规范，为了让自己看 上去像个大神，要好好约束下自己呢。现在分享给码友们，建议你们都好好看一下语法用两个空格来代替制表符（tab） – 这是唯一能保证在所有环境下获得一致展现的方法。为选择器分组时，将单独的选择器单独放在一行。为了代码的易读性，在每个声明块的左花括号前添加一个空格。声明块的右花括号应当单独成行。每条声明语句的 : 后应...
原创
2021-06-07 17:12:54
235阅读
Mozilla建议的CSS书写顺序 显示属性displaylist-stylepositionfloatclear自身属性widthheightmarginpaddingborderbackground行高属性line-height文本属性colorfonttext-decorationtext-alignvertical-alignwhite-spacecontent其他属性cursor
转载
2012-09-18 06:36:00
106阅读
2评论
一、script，css，url中引用外部资源，省略http或者https直接以//开头 二、通用代码风格： 1. 缩进两个空格 2. 只使用小写，包括标签名、属性名、属性值 3. 移除结尾多余的空格 三、通用Meta规则 1. 确保你的IDE使用的是UTF-8编码来保存文件的，且不要带上BOM 2. 在需要地地方进行注释 3. 用
转载
2023-07-21 17:07:31
181阅读
1. 概述1.1 HTML规范基于 W3C、[苹果开发者]|品优购(https://developer.apple.com/) 等官方文档，并结合团队业务和开发过程中总结的规范约定，让页面HTML代码更具语义性。1.2 图片规范了解各种图片格式特性，根据特性制定图片规范，包括但不限于图片的质量约定、图片引入方式、图片合并处理等，旨在从图片层面优化页面性能。1.3 CSS规范统一规范团队 CSS 代
原创
精选
2023-12-30 23:55:48
887阅读
规范化的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评论
1.通用格式规范缩进： 一次缩进2个空格，不要使用 tab 或者混合 tab 和空格的缩进。大小写： 以下都应该用小写：HTML 元素名称，属性，属性值，CSS 选择器，属性，属性值。2.通用规范编码： 在 HTML 中通过 <meta charset="utf-8"> 指定编码方式，CSS 中不需要指定，因为默认是 UTF-8。注释：&nb
转载
2023-05-22 15:26:24
136阅读
对于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阅读
