1、實(shí)驗(yàn)4 使用CSS對(duì)XML文檔進(jìn)行格式化顯示【實(shí)驗(yàn)?zāi)康摹?掌握CSS的對(duì)XML文檔進(jìn)行格式化顯示的方法【實(shí)驗(yàn)知識(shí)】1. CSS語法 文本代表樣式規(guī)則（屬性名：屬性值）2. CSS常用屬性l font-style 語法：font-style : normal | italic | oblique 取值：normal :默認(rèn)值。正常的字體italic :斜體。對(duì)于沒有斜體變量的特殊字體，將應(yīng)用 oblique oblique :傾斜的字體l color 語法：color : color 取值：color :指定顏色。 顏色取值：見圖2-1、圖2-2與圖2-3圖2-1 W3C 十六色色盤圖2-2 W

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

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

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

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

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

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

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

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

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

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

12、<price> 【定價(jià)】￥99.00</price><brief>【簡介】 本書共分4部分，從XML、Servlet、JSP和應(yīng)用的角度向讀者展示了Java Web開發(fā)中各種技術(shù)的應(yīng)用，循序漸進(jìn)地引導(dǎo)讀者快速掌握J(rèn)ava Web開發(fā)。配套光盤：包括java教學(xué)視頻本書示例程序；</brief></book><book id="book2"><picture ></picture><book_info>【書名】<title >XML基礎(chǔ)教程</titl

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