CSS命名规范
2016-05-06 10:34
489 查看
DIV+CSS规范命名大全集合
前端人员必看CSS命名规范
整理:
文件名必须由小写字母、数字、中划线组成
1)、所有的命名最好都小写,一律采用小写加中划线的方式,不允许使用大写字母或 _
2)、属性的值一定要用双引号("")括起来,且一定要有值,若class=""则最好去掉
3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整
4)、空元素要有结束的tag或于开始的tag后加上"/"
5)、表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等
6)、<h1>到<h5>的定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。
7)、主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名,其它都用“.”(小写句号)选择符号开头命名,同时考虑命名的CSS选择器在HTML中重复使用调用。
id用于标识模块或页面的某一个父容器区域,名称必须唯一,不要随意新建id。
给每一个表格和表单加上一个唯一的、结构标记id
8)、给图片加上alt标签
9)、尽量使用英文命名原则
10)、尽量不缩写,除非一看就明白的单词
11)、不应该包含颜色(red/blue)、定位(left/right)等与具体显示效果相关的信息。应该用意义命名,而不是以样式显示结果命名
12)、加入浏览器前缀,则按照 -webkit- / -moz- / -ms- / -o- 的顺序进行添加,标准属性写在最后。
13)、链接的样式请严格按照如下顺序添加: a:link -> a:visited -> a:hover -> a:active
前端人员必看CSS命名规范
整理:
文件名必须由小写字母、数字、中划线组成
1)、所有的命名最好都小写,一律采用小写加中划线的方式,不允许使用大写字母或 _
2)、属性的值一定要用双引号("")括起来,且一定要有值,若class=""则最好去掉
3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整
4)、空元素要有结束的tag或于开始的tag后加上"/"
5)、表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等
6)、<h1>到<h5>的定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。
7)、主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名,其它都用“.”(小写句号)选择符号开头命名,同时考虑命名的CSS选择器在HTML中重复使用调用。
id用于标识模块或页面的某一个父容器区域,名称必须唯一,不要随意新建id。
给每一个表格和表单加上一个唯一的、结构标记id
8)、给图片加上alt标签
9)、尽量使用英文命名原则
10)、尽量不缩写,除非一看就明白的单词
11)、不应该包含颜色(red/blue)、定位(left/right)等与具体显示效果相关的信息。应该用意义命名,而不是以样式显示结果命名
12)、加入浏览器前缀,则按照 -webkit- / -moz- / -ms- / -o- 的顺序进行添加,标准属性写在最后。
13)、链接的样式请严格按照如下顺序添加: a:link -> a:visited -> a:hover -> a:active
相关文章推荐
- CSS基础(七):z-index详解
- HTML&CSS
- CSS默认可继承样式
- [译] 关于CSS中的float和position (父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式)
- 一个DIV调用多个CSS样式
- 【转】什么是@font-face及font-face如何在css中使用
- js,css压缩工具
- 动态加载JS(css)文件
- PHP实现畅言留言板和网易跟帖样式
- CSS3特殊效果
- CSS总结
- CSS框模型,浮动,定位以及其他属性
- CSS基础知识点总结
- 常用清除浮动样式
- css overfloat:auto清除float 自动撑开
- css全局代码
- css给父盒子加display:inline实现子盒子自动撑开 实现子盒子和父盒子都浮动
- Qt利用QGraphicsScene编写Word排版工具导出PDF
- css父盒子没有高度让子盒子撑开 且子盒子有浮动 清除浮动
- 样式表笔记