1、實驗4 使用CSS對XML文檔進行格式化顯示【實驗目的】 掌握CSS的對XML文檔進行格式化顯示的方法【實驗知識】1. CSS語法 文本代表樣式規則（屬性名：屬性值）2. CSS常用屬性l font-style 語法：font-style : normal | italic | oblique 取值：normal :默認值。正常的字體italic :斜體。對于沒有斜體變量的特殊字體，將應用 oblique oblique :傾斜的字體l color 語法：color : color 取值：color :指定顏色。 顏色取值：見圖2-1、圖2-2與圖2-3圖2-1 W3C 十六色色盤圖2-2 W

2、IN-用戶系統色盤圖2-3 IE4+預命名顏色l font-family 語法：font-family : name 取值：name:字體名稱。按優先順序排列。以逗號隔開。如果字體名稱包含空格，則應使用引號括起l font-size 語法：font-size : xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | length 取值：xx-small :絕對字體尺寸。根據對象字體進行調整。最小x-small :絕對字體尺寸。根據對象字體進行調整。較小medium :默認值。絕

3、對字體尺寸。根據對象字體進行調整。正常large :絕對字體尺寸。根據對象字體進行調整。大x-large :絕對字體尺寸。根據對象字體進行調整。較大xx-large :絕對字體尺寸。根據對象字體進行調整。最大larger :相對字體尺寸。相對于父對像中字體尺寸進行相對增大。使用成比例的 em 單位計算smaller :相對字體尺寸。相對于父對像中字體尺寸進行相對減小。使用成比例的 em 單位計算length :百分數 | 由浮點數字和單位標識符組成的長度值，不可為負值。其百分比取值是基于父對象中字體的尺寸。 l font-weight 語法：font-weight : normal | bol

4、d | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 取值：normal :默認值。正常的字體。相當于 400 。聲明此值將取消之前任何設置bold :粗體。相當于 700 。也相當于 b 對象的作用bolder :比 normal >粗lighter :比 normal >細100 :字體至少像 200 那樣細200 :字體至少像 100 那樣粗，像 300 那樣細300 :字體至少像 200 那樣粗，像 400 那樣細400 :相當于 normal 500 :字體至少像 400 那樣

5、粗，像 600 那樣細600 :字體至少像 500 那樣粗，像 700 那樣細700 :相當于 bold 800 :字體至少像 700 那樣粗，像 900 那樣細900 :字體至少像 800 那樣粗l font-variant語法：font-variant : normal | small-caps 取值：normal :默認值。正常的字體small-caps :小型的大寫字母字體l text-decoration 語法：text-decoration : none | underline | blink | overline | line-through 取值：none :默認值。無裝飾bl

6、ink :閃爍underline :下劃線line-through :貫穿線overline :上劃線l text-align 語法：text-align : left | right | center | justify 取值：left :默認值。左對齊right :右對齊center :居中對齊justify :兩端對齊l background-color 語法：background-color : transparent | color 取值：transparent :默認值。背景色透明color :指定顏色。l background-image 語法：background-image

7、: none | url ( url ) 取值：none :默認值。無背景圖url ( url ) :使用絕對或相對 url 地址指定背景圖像l background-repeat 語法：background-repeat : repeat | no-repeat | repeat-x | repeat-y 取值：repeat :默認值。背景圖像在縱向和橫向上平鋪no-repeat :背景圖像不平鋪repeat-x :背景圖像僅在橫向上平鋪repeat-y :背景圖像僅在縱向上平鋪 l position 語法：position : static | absolute | fixed | rel

8、ative 取值：static :默認值。無特殊定位，對象遵循HTML定位規則absolute :將對象從文檔流中拖出，使用 left ， right ， top ， bottom 等屬性相對于其最接近的一個最有定位設置的父對象進行絕對定位。如果不存在這樣的父對象，則依據 body 對象。而其層疊通過 z-index 屬性定義fixed :未支持。對象定位遵從絕對(absolute)方式。但是要遵守一些規范relative :對象不可層疊，但將依據 left ， right ， top ， bottom 等屬性在正常文檔流中偏移位置l z-index 語法：z-index : auto | n

9、umber 取值：auto :默認值。遵從其父對象的定位number :無單位的整數值?？蔀樨摂祃 display 語法：display : block | line | none | list-item 取值：block :CSS1 塊對象的默認值。將對象強制作為塊對象呈遞，為對象之后添加新行none :CSS1 隱藏對象。與 visibility 屬性的hidden值不同，其不為被隱藏的對象保留其物理空間line :CSS1 文本按行在瀏覽器中顯示。list-item :CSS2 將塊對象指定為列表項目。并可以添加可選項目標志【實驗內容】1. 利用CSS屬性和相關使用規則，根據以下XML文

10、件編寫一個CSS文件鏈接其中，通過瀏覽器打開的顯示效果如圖所示。XML文檔內容如下所示：<?xml version="1.0" encoding="GB2312"?><booklist xmlns:html="/Profiles/XHTML-transitional"><book id="book1"><picture ></picture><book_info>【書名】<title > Java W

11、eb開發詳解 </title> 【書號】<isbn> 7-121-02396-2</isbn></book_info><author>【作者】 孫鑫</author><publisher>【出版社】 電子工業出版社</publisher><publish_info><publishdate>【出版時間】 2006年4月</publishdate><edition>【版次】 第一版</edition></publish_info>

12、<price> 【定價】￥99.00</price><brief>【簡介】 本書共分4部分，從XML、Servlet、JSP和應用的角度向讀者展示了Java Web開發中各種技術的應用，循序漸進地引導讀者快速掌握Java Web開發。配套光盤：包括java教學視頻本書示例程序；</brief></book><book id="book2"><picture ></picture><book_info>【書名】<title >XML基礎教程</titl

13、e>【書號】<isbn>7-302-12591-0</isbn></book_info><author>【作者】 耿祥義</author><publisher>【出版社】 清華大學出版社</publisher><publish_info><publishdate>【出版時間】 2006年4月</publishdate><edition>【版次】 第一版</edition></publish_info><price>【定價】￥21.00</price><brief>【簡介】 本書適合作為高等院校相關專業的教材以及初學者學習XML的入門參考書。</brief><anythings/>