一. Mozilla 建议CSS规则
- <span style="font-family:Microsoft YaHei;">/* Suggested order:
- * display
- * list-style
- * position
- * float
- * clear
- * width
- * height
- * margin
- * padding
- * border
- * background
- * color
- * font
- * text-decoration
- * text-align
- * vertical-align
- * white-space
- * other text
- * content
- *
- */</span>
详情请看http://www.mozilla.org/css/base/content.css
二.怿飞’s Blog细分为:
- <span style="font-family:Microsoft YaHei;">/*显示属性*/
- display
- list-style
- position
- float
- clear
- /*自身属性*/
- width
- height
- margin
- padding
- border
- background
- /*文本属性*/
- color
- font
- text-decoration
- vertical-align
- white-space
- ohter text
- content</span>
在怿飞’s Blog里有个叫做inG的补充说这还和浏览器的解析过程有关:浏览器先对DOM定位,然后解析自身属性,接着再解析内部对象。(没找到相关的英文资料,有知情者还望告知).
三. Andy Ford的细分
1.Display & Flow
2.Positioning
3. Dimensions
4. Margins, Padding, Borders, Outline
5. Typographic Styles
6. Backgrounds
7. Opacity, Cursors, Generated Content
规则示例:
- <span style="font-family:Microsoft YaHei;">.cl {
- display: ;
- visibility: ;
- float: ;
- clear: ;
- position: ;
- top: ;
- right: ;
- bottom: ;
- left: ;
- z-index: ;
- width: ;
- min-width: ;
- max-width: ;
- height: ;
- min-height: ;
- max-height: ;
- overflow: ;
- margin: ;
- margin-top: ;
- margin-right: ;
- margin-bottom: ;
- margin-left: ;
- padding: ;
- padding-top: ;
- padding-right: ;
- padding-bottom: ;
- padding-left: ;
- border-width: ;
- border-top-width: ;
- border-right-width: ;
- border-bottom-width: ;
- border-left-width: ;
- border-style: ;
- border-top-style: ;
- border-right-style: ;
- border-bottom-style: ;
- border-left-style: ;
- border-color: ;
- border-top-color: ;
- border-right-color: ;
- border-bottom-color: ;
- border-left-color: ;
- outline: ;
- list-style: ;
- table-layout: ;
- caption-side: ;
- border-collapse: ;
- border-spacing: ;
- empty-cells: ;
- font: ;
- font-family: ;
- font-size: ;
- line-height: ;
- font-weight: ;
- text-align: ;
- text-indent: ;
- text-transform: ;
- text-decoration: ;
- letter-spacing: ;
- word-spacing: ;
- white-space: ;
- vertical-align: ;
- color: ;
- background: ;
- background-color: ;
- background-image: ;
- background-repeat: ;
- background-position: ;
- opacity: ;
- cursor: ;
- content: ;
- quotes: ;
- }</span>
详情可见http://fordinteractive.com/2009/02/order-of-the-day-css-properties/
相关推荐
web基础
主要介绍了Discuzx系统 CSS 编码规范、CSS属性书写顺序,需要的朋友可以参考下
css2视觉手册 css属性大全css2视觉手册 css属性大全css2视觉手册 css属性大全css2视觉手册 css属性大全css2视觉手册 css属性大全css2视觉手册 css属性大全css2视觉手册 css属性大全
css 属性大全css 属性大全css 属性大全css 属性大全css 属性大全css 属性大全css 属性大全css 属性大全
资源名称:CSS 属性兼容性对照表内容简介: CSS属性兼容性对照表 PDF,主要是列出一些CSS2.0/CSS2.1在各个版本的IE、火狐等主流浏览器下的兼容支持问题,此表有助于以后书写出全兼容的WEB标准化网页打下基础,前端...
CSS CSS属性 速查表 CSS属性速查表
CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页...
最全最细的css属性思维导图,css所有的属性几乎都列在这里了。 注意这只是一个思维导图,没有对每个属性的具体描述,相当于只是css属性的一个罗列汇总。介意者慎载。
整理了常用的css属性,适用于新手查阅,熟悉css基本属性使用等等
常用的CSS属性大全 常用的CSS属性大全 常用的CSS属性大全 常用的CSS属性大全
CSS属性解释,常见的CSS属性,还包括DIV+CSS常属性
css属性查询手册 css 2.0中文版(chm)
用的CSS属性列表汇总 用的CSS属性列表汇总 用的CSS属性列表汇总
滚动条的css属性滚动条的css属性滚动条的css属性
js控制css属性对照表 免分数下载 无私分享
包含css的所有属性包含css的所有属性包含css的所有属性
常见CSS样式整理常见CSS样式整理常见CSS样式整理常见CSS样式整理常见CSS样式整理常见CSS样式整理常见CSS样式整理常见CSS样式整理常见CSS样式整理常见CSS样式整理常见CSS样式整理常见CSS样式整理常见CSS样式整理
DIV+CSS的书写格式.docx
background 简写属性,作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。Scroll随文滚动 background-color 设置元素的背景颜色。 background-image 把...
前端文档描述CSS命名规则前端文档描述CSS命名规则前端文档描述CSS命名规则