記錄css屬性

<1>box-sizing屬性：

例子：

div{

? box-sizing:border-box;

-moz-box-sizing:border-box;/* Firefox */

-webkit-box-sizing:border-box;/* Safari */

}

屬性值：

content-box：高度和寬度應(yīng)用于元素的內(nèi)容框，并在內(nèi)容框外繪制內(nèi)邊距和邊距，是默認行為

border-box：高度和寬度決定了元素的邊框盒，內(nèi)邊距和邊距在邊框盒內(nèi)進行繪制

<2>top屬性（用于計算元素上邊緣距離其包含元素上邊緣的距離）

屬性值：

auto：默認值，瀏覽器計算上邊緣的距離；

length：使用px，cm計算上邊緣距離，可使用負值；

%：使用百分比計算上邊緣距離，可使用負值；

innerit：通過繼承獲取元素上邊緣距離；

<3>margin-top屬性(計算元素的上外邊距)

屬性值：

auto：默認值，瀏覽器設(shè)置的上外邊距；

length：使用px，cm計算上外邊距，可使用負值；

%：使用百分比計算上外邊距，可使用負值；

innerit：通過繼承獲取元素上外邊距；

<4>text-align屬性（設(shè)置文本對齊方式）

屬性值：

left：默認值，文本向左對齊；

right：文本向右對齊；

center：文本居中對齊；

justify：文本兩端對齊；

<5>border-radius屬性（設(shè)置元素圓角）

屬性值：

length：設(shè)置圓角形狀；

%：以百分比的方式設(shè)置圓角的形狀；

<6>cursor屬性(規(guī)定鼠標(biāo)顯示類型)

<7>bottom屬性(設(shè)置元素底部邊緣)

<8>backgroud-repeat屬性設(shè)置(判斷背景圖片是否平鋪)

repeat:平鋪；

repeat-x:橫向平鋪；

repeat-y:縱向平鋪；

no-repeat：不平鋪；

<9>line-height屬性(設(shè)置行間距)

<10>background-size屬性(設(shè)置背景圖片的尺寸)

length：設(shè)置背景圖片的尺寸；

percentage：以父元素的百分比設(shè)置背景圖片的尺寸；

cover：將背景圖片擴大到足夠覆蓋視圖；

contain：將圖片擴大到尺寸完全適應(yīng)視圖尺寸；

<11>background-attachment屬性(設(shè)置背景圖片跟隨滾動軸的移動方式)

scroll：背景圖片跟隨滾動軸移動；

fixed：背景圖片固定于視圖；

<12>text-decoration屬性(設(shè)置文本的修飾)

none：默認值，默認不修飾；

underline：文本下一條線；

overline：文本上一條線；

line-through：文本中一條線；

blink：文本閃爍；

<13>!important標(biāo)記（用于標(biāo)記區(qū)分firefox和ie6）