空格规范【强制】 选择器 与 { 之间必须包含空格。示例： .selector { }【强制】 属性名 与之后的：之间不允许包含空格，：与属性值之间必须包含空格。示例：font-size: 12px;选择器规范【强制】 当一个 rule 包含多个 selector 时，每个选择器声明必须独占一行。示例：/* good */.post,.page,.comment { line-height: 1.5;}/* bad */.post, .page, .comment
原创
2020-06-29 19:51:37
912阅读
1评论
规范化的CSS不仅利于团队合作，而且对后期的维护以及代码的重用，都是十分至关重要的，所以，学习总结CSS规范的相关知识。
原创
2021-06-01 11:40:23
207阅读
对于CSS，为了避免样式冲突，我们总会给其赋予相当特殊的命名，或是在选择符上添加HTML标记，或是使用层级。面向属性的命名方法，是什么属性就写什么名。精简高效CSS命名之“三无原则”，此“三无原则”就是：无ID，无层级，无标签，CSS命名就应该最简单、最直接，直捣黄龙。没有HTML标签，没有层级，原因有三：http://www.iis7.com/b/slj/限制重用2.CSS文件大小3.降低了渲染
原创
2018-09-13 10:41:39
1614阅读
点赞
CSS编码规范
本文档的目标是使CSS代码风格保持一致，容易被理解和被维护，如果自己没有这种习惯，请好好选择你的IDE，别再用“文本编辑器”。
本文档虽针对CSS设计的，但是在使用各种CSS的预编译器(如less、sass、stylus等)时，适用的部分也应尽量遵循本文档的约定。
1 代码风格
1.1 文件
[建议] CSS 文件使用无 BOM 的 UTF-8 编码。
解释：
UTF-8 编码具
转载
2021-08-20 15:22:59
322阅读
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
332阅读
2评论
最近看到了些关于css命名方面的文章，对于这方面我也有自己的看法。我接触css有很长一段时间了，对于css的命名我也是在逐步改进。感觉工作中比较常碰见的问题：1.需要给层定义各种尺寸的宽度，高度基本是不用定义的2.层的padding和层之间的margin3.给文字高亮颜色4.各种样式的tab和button5.不同的背景色6.各种样式的border7.左浮动，右浮动8.粗体，斜体9.居左，居中，居右...
转载
2009-11-08 18:04:00
834阅读
2评论
1CSS命名规范 一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css；
转载
2013-01-31 15:55:00
118阅读
一、面向对象CSS（OOCSSS） OOCSS规则一：结构和皮肤分离 如.btn ， .btn-info ，.btn-warning OOCSS规则二：容器和内容分离（不推荐） 二、单一职责原则 （1）、尽可能拆分成可独立复用的组件 （2）、通过组合方式使用多个组件 实现：可以像面向对象CSS那样实
转载
2017-07-12 14:36:00
208阅读
2评论
本文主要介绍：CSS书写规范，CSS书写顺序，CSS命名规范（规则），CSS注释的写法。
原创
2021-06-07 15:05:32
266阅读
前言CSS 作为网页样式的描述语言，在百度一直有着广泛的应用。本文档的目标是使 CSS 代码风格保持一致，容易被理解和被维护。虽然本文档是针对 CSS 设计的，但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时，适用的部分也应尽量遵循本文档的约定。2 代码风格2.1 文件[建议] CSS 文件使用无 BOM 的 UTF-8 编码。解释：UTF-8 编码具有更广泛的适应
转载
2021-04-21 09:09:04
185阅读
2评论
页头：header
登录条：loginbar
标志：logo
侧栏：sidebar
广告：banner
导航：nav
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
滚动：scroll
页面主体：main
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
翻译
精选
2007-05-28 07:53:15
1615阅读
头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点
原创
2013-09-26 17:13:01
891阅读
点赞
一、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.其他(animation,
原创
2017-06-21 10:19:20
979阅读
一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 二．常用类/ID命名规范 页 眉：header 内 容：content 容 器：container 页 脚：footer 版 权：copyright 导 航：menu 主导航：mainMenu 子导航：subMenu 标 ...
转载
2010-02-28 09:37:00
319阅读
2评论
常用的CSS命名规则：
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：downl
转载
2009-05-08 12:07:00
242阅读
2评论
CSS命名对于网页的开发管理的重要性往往被人忽略，很多初学者认为，css命名没什么，就是个名字而已，随便根据自己的意愿写就行了，因 为它对于网页的表现没有任何影响。可是有过网页制作和网站管理经验的人都会知道，css的命名对于网站的清晰和日后的管理很重要，初学者 应该从一开始就学习和尊重这些规范，...
转载
2014-06-28 11:02:00
251阅读
2评论
