CSS属性书写顺序

参考：http://www.putaoshu.com/blog/article.asp?id=229

        http://www.cssforest.org/blog/index.php?id=38

 

自己应用的：从本质到表象，顺时针，从外到内，从上到下

/* 1、本质：清理外部clear，显不显示display，是否可见visibility，什么状态overflow，什么位置position，在哪float…. */

clear: value;

display: value;

visibility: value;

overflow: value;

position: value;

top|right|bottom|left:value;

float: value;

list-style: value;

 

/* 2、自身：多宽width，多高height，行高line-height，对外margin，对内padding */

width: value;

max-width || min-width: value;
height: value;

max-height || min-height: value;
line-height: value;

margin: value;

padding: value;

 

/* 3、修饰：字体font，颜色color，文本text，边框border，背景background，光标cursor.*/

font: value;

color: value;

text: value;

border: value;

background: value;

cursor:value;