摘要：文本大小說(shuō)明屬性值為數(shù)值型時(shí)，必須給屬性值加單位，屬性值為時(shí)除外。字間距控制英文字母或漢字的字距。列表元素可繼承。

文本大小 {font-size:12px/14px/16px}

說(shuō)明：
1）屬性值為數(shù)值型時(shí)，必須給屬性值加單位，屬性值為0時(shí)除外。
2）單位還可以是pt，9pt=12px;
3）為了減小系統(tǒng)間的字體顯示差異，IE Netscape Mozilla的瀏覽器制作商于1999年召開會(huì)議，共同確定16px/ppi為標(biāo)準(zhǔn)字體大小默認(rèn)值,即1em.默認(rèn)情況下，1em=16px,0.75em=12px; 1rem 相對(duì)于根元素的倍數(shù)
4)使用絕對(duì)大小關(guān)鍵字

   xx-small   =9px
   x-small    =11px
   small      =13px
   medium     =16px
   large      =19px
   x-large    =23px
   xx-large   =27px

文字顏色{color: white}
說(shuō)用十六進(jìn)制表示顏色值：

   0  1  2  3  4   5  6  7  8  9
   0  1  2  3  4   5  6  7  8  9  A  B  C  D  E  F

顏色模式：

   光色模式 R         G      B
           FF        00     00

顏色值的縮寫：

   當(dāng)表示三原色的三組數(shù)字同時(shí)相同時(shí)，可以縮寫為三位;
   當(dāng)用十六進(jìn)制表示顏色值時(shí)，需要在顏色值前加“#”

文本字體{font-family: "字體1", "字體2"}

   說(shuō)明：
       *當(dāng)字體是中文字體時(shí)需加引號(hào)；
       *當(dāng)英文字體中有空格時(shí)需加引號(hào)如“Times New Roman”；
       Windows中文版本操作系統(tǒng)下，中文默認(rèn)字體為宋體或者新宋體，英文字體默認(rèn)為Arial.
 
 
   加粗 {font-weight: bold/normal/100-900}     
   傾斜 {font-style: italic/oblique}
       1）在css規(guī)范中把字體的粗細(xì)分為9個(gè)等級(jí)，分別從100-900，
       其中100對(duì)應(yīng)最輕的字體變形，而900對(duì)應(yīng)最重的字體變形。
       100-500常規(guī)字體600-900加粗字體

對(duì)齊方式

水平/垂直:

   {text-align:left/right/center/justify（justify個(gè)別瀏覽器不兼容，)
   {vertical-align:top/bottom/middle/baseline;}(只有inline-block（能設(shè)置大小，默認(rèn)排在一行）元素類型支持)

行高

   說(shuō)明：
       1）當(dāng)單行文本的行高等于容器高時(shí)，可實(shí)現(xiàn)單行文本在容器中垂直方向居中對(duì)齊；
       2) 當(dāng)單行文本的行高小于容器高時(shí)，可實(shí)現(xiàn)單行文本在容器中垂直中齊以上任意位置.
       3) 當(dāng)單行文本的行高大于容器高時(shí)，可實(shí)現(xiàn)單行文本在容器中垂直中齊以下任意位置.（IE6及以下版本存在瀏覽器兼容問(wèn)題）

文本修飾

 text-decoration:
     說(shuō)明：none:沒(méi)有修飾
     underline:添加下劃線
     overline:添加上劃線
     line-through:添加刪除線
     blink：閃爍（不兼容）

首行縮進(jìn)

{text-indent}說(shuō)明：

   1）text-indent可以取負(fù)值；
   2）text-indent屬性只對(duì)第一行起作用。

字間距{letter-spacing:value;}

   控制英文字母或漢字的字距。

詞間距{word-spacing:value;}

   控制英文單詞詞距。

文字方向文本流控制{layout-flow:horizontal/vertical-ideographic;}說(shuō)明：

 1）horizontal:自左向右
 2）vertical-ideographic:自上而下

文字屬性 {font: bold italic 16px/1.5 Arial}

font屬性的簡(jiǎn)寫：字號(hào)，行高，
字體說(shuō)明:font的屬性值應(yīng)按以下次序書寫(各個(gè)屬性之間用空格隔開)
順序: font-style     font-weight     font-size / line-height      font-family

列表樣式定義列表符號(hào)樣式：

 1)list-style-type:disc(實(shí)心圓)/circle（空心圓）/square(實(shí)心方塊 )none(去掉列表符號(hào))；
 2)使用圖片作為列表符號(hào)：list-style-image:url(所使用圖片的路徑及全稱);
 3)定義列表符號(hào)位置：list-style-position:outside/inside;list-style:none;簡(jiǎn)寫

邊框?qū)傩詁order:3px solid red;

   邊框border:線型（solid/dashed/dotted/double/none） 粗細(xì)（數(shù)值+單位） 顏色;    
   線型：solid:實(shí)線，dashed:虛線，dotted:點(diǎn)狀線，double:雙線，none:沒(méi)有邊框;    
    border-width:邊框的粗細(xì);    
    border-style:邊框的線形;     
    border-color:邊框的顏色;  
    border-top：上邊框    
    border-bottom:下邊框    
    border-left:左邊框    
    border-right:右邊框

背景屬性）

 1）背景顏色語(yǔ)法：選擇符{background-color:顏色值;}
   
 2）背景圖片的設(shè)置語(yǔ)法：background-image:url(背景圖片的路徑及全稱);
    插入圖片：屬于網(wǎng)頁(yè)內(nèi)容，也就是結(jié)構(gòu)。
    背景圖：屬于網(wǎng)頁(yè)的表現(xiàn)，背景圖上可以顯示文字、插入圖片、表格等。
   
 3）背景圖片的顯示原則       
    1）容器尺寸等于圖片尺寸，背景圖片正好顯示在容器中;       
    2）容器尺寸大于圖片尺寸，背景圖片將默認(rèn)平鋪，直至鋪滿元素；        
    3）容器尺寸小于圖片尺寸，只顯示容器/元素/范圍以內(nèi)的背景圖。

 4）背景圖片平鋪屬性語(yǔ)法：
        {background-repeat:no-repeat/repeat/repeat-x/repeat-y }
        no-repeat:不平鋪
        repeat：平鋪
        repeat-x：橫向平鋪
        repeat-y ：縱向平鋪

 5）背景圖片的位置語(yǔ)法：
     選擇符{background-position:left/center/right/數(shù)值 top/center/bottom/數(shù)值;}
     background-position:值1    值2;
     水平方向上的對(duì)齊方式（left/center/right）或值    
     垂直方向上的對(duì)齊方式(top/center/bottom)或值兩個(gè)值 ：第一個(gè)值表示水平位置的值，第二個(gè)值：表示垂直的位置。當(dāng)兩個(gè)值都是center的時(shí)候?qū)懸粋€(gè)值就可以代表的是水平位置和垂直位置都在中間。 
     
 注：當(dāng)元素小圖片大，寫圖片的某個(gè)位置時(shí)：說(shuō)明：向右方向，向下方向是負(fù)值

CSS繼承概念：

所謂繼承，就是父元素的規(guī)則也會(huì)適用于子元素。繼承得來(lái)的規(guī)則沒(méi)有特殊性。比如給body設(shè)置為color:Red;那么他內(nèi)部的元素如果沒(méi)有其他的規(guī)則設(shè)置，也都會(huì)變成紅色。

  
  內(nèi)聯(lián)元素可繼承：letter-spacing、word-spacing、white-space、line-height、color、font-family、font-size、font-style、font-weight、text-decoration、text-transform.塊狀元素可繼承：text-indent和text-align。
  列表元素可繼承：list-style、list-style-type、list-style-position、list-style-image。
  表格元素可繼承：border-collapse。