七．控制文字的樣式
控制文字的樣式包括文字大小寫、文字修飾兩個部分。
1．文字大小寫
文字大小寫使網(wǎng)頁的設(shè)計者不用在輸入文字時完成文字的大小寫，而可以在輸入完畢后，再根據(jù)需要對局部的文字設(shè)置大小寫。
基本格式如下：
text-transform: 參數(shù)
參數(shù)取值范圍：
·uppercase：所有文字大寫顯示
·lowercase：所有文字小寫顯示
·capitalize：每個單詞的頭字母大寫顯示
·none：不繼承母體的文字變形參數(shù)
注意：繼承是指HTML的標識符對于包含自己的標識符的參數(shù)會繼承下來。
2．文字修飾
文字修飾的主要用途是改變?yōu)g覽器顯示文字鏈接時的下劃線。
基本格式如下：
text-decoration: 參數(shù)
參數(shù)取值范圍：
·underline：為文字加下劃線
·overline：為文字加上劃線
·line-through：為文字加刪除線
·blink：使文字閃爍
·none：不顯示上述任何效果
八．控制文本的樣式
控制文本的樣式包括單詞距離、字母距離、文本行距、文本水平對齊、文本垂直對齊文本縮進六個部分。
1．單詞間距
單詞間距指的是英文每個單詞之間的距離，不包括中文文字。
基本格式如下：
word-spacing: 間隔距離
間隔距離的取值：points、em、pixes、in、cm、mm、pc、ex、normal等。
2．字母間距
字母間距是指英文字母之間的距離，功能、用法，以及參數(shù)的設(shè)置和單詞間距很相似。
基本格式如下：
letter-spacing: 字母間距
3．行距
行距是指上下兩行基準線之間的垂直距離。一般地說，英文五線格練習(xí)本，從上往下數(shù)的第三條橫線是計算機所認為的該行的基準線。
基本格式如下：
line-height: 行間距離
行間距離取值：
·不帶單位的數(shù)字：以1為基數(shù)，相當于比例關(guān)系的
·帶長度單位的數(shù)字：以具體的單位為準
·比例關(guān)系
注意：如果文字字體很大，而行距相對較小的話，可能會發(fā)生上下兩行文字互相重疊的現(xiàn)象。
4．文本水平對齊
文本水平對齊可以控制文本的水平對齊，而且并不僅僅指文字內(nèi)容，也包括設(shè)置圖片、影像資料的對齊方式。
基本格式如下：
text-align: 參數(shù)
參數(shù)的取值：
·left：左對齊
·right：右對齊
·center：居中對齊
·justify：相對左右對齊
但需要注意的是，text-alight是塊級屬性，只能用于< p>、< blockquqte>、< ul>、< h1>~< h6>等標識符里。
5．文本垂直對齊
文本的垂直對齊應(yīng)當是相對于文本母體的位置而言的，不是指文本在網(wǎng)頁里垂直對齊。比如說，表格的單元格里有一段文本，那么對這段文本設(shè)置垂直居中是針對單元格來衡量的，也是說，文本將在單元格的正中顯示，而不是整個網(wǎng)頁的正中。
基本格式如下：
vertical-align: 參數(shù)
參數(shù)取值：
·top：頂對齊
·bottom：底對齊
·text-top：相對文本頂對齊
·text-bottom：相對文本底對齊
·baseline：基準線對齊
·middle：中心對齊
·sub閡韻鹵甑男問較允?/P>
·super：以上標的形式顯示
6．文本縮進
文本縮進可以使文本在相對默認值較窄的區(qū)域里顯示，主要用于中文板式的首行縮進，或是為大段的引用文本和備注做成縮進的格式。
基本格式如下：
text-indent: 縮進距離
縮進距離取值：
·帶長度單位的數(shù)字
·比例關(guān)系
但是需要注意的是，在使用比例關(guān)系的時候，有人會認為瀏覽器默認的比例是相對段落的寬度而言的，其實事實并非如此，整個瀏覽器的窗口才是瀏覽器所默認的參照物。
另外，text-indent是塊級屬性，只能用于< p>、< blockquqte>、< ul>、< h1>~< h6>等標識符里。
九．控制顏色和背景的樣式
控制顏色和背景的樣式包括顏色屬性、背景顏色、背景圖片、背景圖片重復(fù)、背景圖片固定、背景定位六個部分。
1．顏色屬性
基本格式如下：
color: 參數(shù)
顏色參數(shù)取值范圍：
·以RGB值表示
·以16進制（hex）的色彩值表示
·以默認顏色的英文名稱表示
以默認顏色的英文名稱表示無疑是最為方便的，但由于預(yù)定義的顏色種類太少，所以更多的網(wǎng)頁設(shè)計者喜歡用RGB的方式。RGB方式的好處很多，不但可以用數(shù)字的形式地表示顏色，而且也是很多圖像制作軟件（如Photoshop）里默認使用的規(guī)范，這樣一來為圖片和網(wǎng)頁更好地結(jié)合打下了堅實的基礎(chǔ)。
2．背景顏色
在HTML當中，要為某個對象加上背景色只有一種辦法，那是先做一個表格，在表格中設(shè)置完背景色，再把對象放進單元格。這樣做比較麻煩，不但代碼較多，還要為表格的大小和定位傷些腦筋�，F(xiàn)在用CSS可以輕松地直接搞定了，而且對象的范圍很廣，可以是一段文字，也可以只是一個單詞或一個字母。
基本格式如下：
background-color: 參數(shù)
參數(shù)取值和顏色屬性一樣。
3．背景圖片
基本格式如下：
background-image: url(URL)
URL是背景圖片的存放路徑。如果用“none”來代替背景圖片的存放路徑，將什么也不顯示。
4．背景圖片重復(fù)
背景圖片重復(fù)控制的是背景圖片平鋪與否，也是說，結(jié)合背景定位的控制可以在網(wǎng)頁上的某處單獨顯示一幅背景圖片。
基本格式如下：
background-repeat: 參數(shù)
參數(shù)取值范圍：
·no-repeat：不重復(fù)平鋪背景圖片
·repeat-x：使圖片只在水平方向上平鋪
·repeat-y：使圖片只在垂直方向上平鋪
如果不指定背景圖片重復(fù)屬性，瀏覽器默認的是背景圖片向水平、垂直兩個方向上平鋪。
5．背景圖片固定
背景圖片固定控制背景圖片是否隨網(wǎng)頁的滾動而滾動。如果不設(shè)置背景圖片固定屬性，瀏覽器默認背景圖片隨網(wǎng)頁的滾動而滾動。為了避免過于花哨的背景圖片在滾動時傷害瀏覽者的視力，所以可以解除背景圖片和文字內(nèi)容的捆綁，該為和瀏覽器窗口捆綁。
基本格式如下：
background-attachment: 參數(shù)
參數(shù)取值范圍：
·fixed：網(wǎng)頁滾動時，背景圖片相對于瀏覽器的窗口而言，固定不動
·scroll：網(wǎng)頁滾動時，背景圖片相對于瀏覽器的窗口而言，一起滾動
6．背景定位
背景定位用于控制背景圖片在網(wǎng)頁中顯示的位置。
基本格式如下：
background-position: 參數(shù)表
參數(shù)取值范圍：
·帶長度單位的數(shù)字參數(shù)
·top：相對前景對象頂對齊
·bottom：相對前景對象底對齊
·left：相對前景對象左對齊
·right：相對前景對象右對齊
·center：相對前景對象中心對齊
·比例關(guān)系
參數(shù)中的center如果用于另外一個參數(shù)的前面，表示水平居中；如果用于另外一個參數(shù)的后面，表示垂直居中。
十．控制列表的樣式
列表是HTML里一種很有用的顯示方式，可以把相關(guān)的并列內(nèi)容整齊地垂直排列，使網(wǎng)頁顯得整潔專業(yè)，并讓瀏覽者有一目了然的感覺。
樣式表為列表增加了一些功能，控制列表的樣式包括列表樣式、圖形符號、列表位置三個部分。
1．列表符號
列表符號是指顯示于每一個列表項目前的符號標識。
基本格式如下：
list-style-type：參數(shù)
參數(shù)取值范圍：
·disc：圓形
·circle：空心圓
·square：方塊
·decimal：十進制數(shù)字
·lower-roman：小寫羅馬數(shù)字
·upper-roman：大寫羅馬數(shù)字
·lower-alpha：小寫希臘字母
·upper-alpha：大寫希臘字母
·none：無符號顯示
參數(shù)中的disc是默認選項。
2．圖形符號
圖形符號指原來列表的項目符號將可以使用圖形來代替。
基本格式如下：
list-style-image：URL
URL是用來代替項目符號的圖形文件的地址，可以使用相對地址或地址。
3．列表位置
列表位置描述列表在何處顯示。
基本格式如下：
list-style-position：參數(shù)
參數(shù)取值范圍：
·inside：在BOX模型內(nèi)部顯示
·outside：在BOX模型外部顯示
這里又出現(xiàn)了一個新的概念：BOX模型。BOX是指一種容器，包含了應(yīng)用樣式規(guī)則的對象，具體介紹將在后文中給出。
十一．控制用戶界面的樣式
在網(wǎng)頁上，鼠標平時呈箭頭形，指向鏈接時成為手形，等待網(wǎng)頁下載時成為沙漏形……這似乎是約定俗成的。雖然這樣的設(shè)計能使我們知道瀏覽器現(xiàn)在的狀態(tài)或是可以做什么，但這些好像還不能完全地滿足我們的需要。拿鏈接來說，可以是指向一個幫助文件，也可以是向前進一頁或是向后退一頁，針對如此多的功能光靠千篇一律的手形鼠標是不能說明問題的。值得慶幸的是，CSS提供了多達13種的鼠標形狀，供我們選擇。
基本格式如下：
cursor：鼠標形狀參數(shù)
CSS鼠標形狀參數(shù)表：
CSS代碼
鼠標形狀
style="cursor:hand"
手形
style="cursor:crosshair"
十字形
style="cursor:text"
文本形
style="cursor:wait"
沙漏形
style="cursor:move"
十字箭頭形
style="cursor:help"
問號形
style="cursor:e-resize"
右箭頭形
style="cursor:n-resize"
上箭頭形
style="cursor:nw-resize"
左上箭頭形
style="cursor:w-resize"
左箭頭形
style="cursor:s-resize"
下箭頭形
style="cursor:se-resize"
右下箭頭形
style="cursor:sw-resize"
左下箭頭形