字體屬性

font-size : 16px; //設(shè)置字體大小
font-family : Arial //設(shè)置字體的類型
font-style : italic || normal
font-weight : bold ||100-900 || normal //設(shè)置字體的加粗

文本屬性

text-indent :10px||10%; //文字縮進(jìn)10px，10%是相對(duì)于塊級(jí)元素的寬度 糊探，這個(gè)屬性只用于塊級(jí)元素
white-space : nowrap; //讓文字單行顯示 帘皿，會(huì)合并空格
：pre //保留文字的原格式匾浪，不合并空格裕便，不能自動(dòng)換行
letter-spacing : 0.1em ; //字體間的間距 em是字體的font-size大小
text-transform : uppercase || lowercase || capitalize //轉(zhuǎn)為大小或小寫或單詞首字母大寫
text-align：center || left || right
text-decoration : none || underline || linethough
line-height : 10px || normal || 1.2 || 120% // 設(shè)置行高 1.2 || 120%是相對(duì)文字大小
vertical-align : baseline || middle || top || bottom || text-top || text-bottom
//設(shè)置垂直對(duì)齊方式铸抑，只應(yīng)用在行內(nèi)元素奏瞬。

框?qū)傩?/h1>

width : auto || 10% || 10px
應(yīng)用于：塊級(jí)元素和替換元素 無(wú)繼承性
//對(duì)于塊級(jí)元素auto會(huì)自動(dòng)讓元素變得盡量和父級(jí)元素的width一樣寬。10%是相當(dāng)于父元素鲁捏。負(fù)margin會(huì)拉寬width芯砸，因?yàn)橄旅孢@個(gè)等式：
margin-left + border-left +padding-left + width + padding-right + border-right + margin-right = 父元素的width
marign 為auto會(huì)讓元素在父元素中水平居中(此時(shí)width要為定值或者百分比，只對(duì)block元素有效)
對(duì)于block,width ,margin-left right 都為定值時(shí)，margin-right會(huì)變?yōu)閍uto
inline-block 的width默認(rèn)是包裹內(nèi)容的寬度假丧。

height ： auto || 10% || 10px
應(yīng)用于 ： 塊級(jí)元素和替換元素 無(wú)繼承性
//auto指高度包裹內(nèi)容的高度 10%相對(duì)于父級(jí)元素height
聲明為百分值時(shí)双揪，如果父級(jí)元素沒有顯示聲明height,也就是auto，元素的height會(huì)被重置為auto

margin : auto || 10% || 10px
應(yīng)用于所有元素 無(wú)繼承性
對(duì)于block元素 auto會(huì)讓元素的框?qū)挾?不是width)等于父元素width,上下外邊距為0
對(duì)于inline 和inline-block 為auto默認(rèn)為0.
10%是相對(duì)于父元素的寬度(margin-top和bottom也是)
inline的margin-top和bottom不顯示包帚，inline-block顯示渔期，left right正常顯示
inline和inline-block的margin不會(huì)自動(dòng)合并 block的會(huì)

padding:10px || 10%
10%是相對(duì)于父元素的寬度

背景屬性

background-color: red；可繼承
background-image : url(xxx.png);
background-repeat:no-repeat || repeat-x || repeat-y 不重復(fù)||在水平方向重復(fù)||...

background-position:center || left || right || top || bottom ||10px ||50%
position理論上是需要有兩個(gè)值得渴邦，如果只寫一個(gè)默認(rèn)另一個(gè)為center
center ： 圖像的中心(水平或垂直)和元素的中心(水平或垂直)重合
left等之圖像的邊和元素內(nèi)邊框(即恰好包含內(nèi)邊距的邊框)對(duì)齊
百分?jǐn)?shù)：作用于元素和圖像上疯趟，即從圖像的左上角算百分比得到的點(diǎn)，與從元素左上角算百分比得到的點(diǎn)重合谋梭。
有兩個(gè)值時(shí)迅办，第一個(gè)是表示水平方向，第二個(gè)垂直章蚣。
10px 指圖像左上角距離元素左上角的距離。

其他

overflow ： visible || hidden || scroll || auto
應(yīng)用于塊級(jí)元素和替換元素
無(wú)繼承性
visibility ： visible || hidden
應(yīng)用于所有元素
有繼承性 為hidden時(shí)姨夹，會(huì)正常占據(jù)位置纤垂，只是看不到。
outline : color style width;
outline-style : none;
輪廓磷账，和邊框不一樣
cursor : pointer 光標(biāo)類型