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;