首页 / CSS / 整理推荐的CSS属性书写顺序
整理推荐的CSS属性书写顺序
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了整理推荐的CSS属性书写顺序，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2229字，纯文字阅读大概需要4分钟。
内容图文
一. 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/
原文：http://my.oschina.net/u/877170/blog/295385
内容总结
以上是互联网集市为您收集整理的整理推荐的CSS属性书写顺序全部内容，希望文章能够帮你解决整理推荐的CSS属性书写顺序所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。