實(shí)驗(yàn)4使用CSS對XML文檔進(jìn)行格式化顯示

1、實(shí)驗(yàn)4 使用CSS對XML文檔進(jìn)行格式化顯示【實(shí)驗(yàn)?zāi)康摹?掌握CSS的對XML文檔進(jìn)行格式化顯示的方法【實(shí)驗(yàn)知識】1. CSS語法 文本代表樣式規(guī)則（屬性名：屬性值）2. CSS常用屬性l font-style 語法：font-style : normal | italic | oblique 取值：normal :默認(rèn)值。正常的字體italic :斜體。對于沒有斜體變量的特殊字體，將應(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)先順序排列。以逗號隔開。如果字體名稱包含空格，則應(yīng)使用引號括起l font-size 語法：font-size : xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | length 取值：xx-small :絕對字體尺寸。根據(jù)對象字體進(jìn)行調(diào)整。最小x-small :絕對字體尺寸。根據(jù)對象字體進(jìn)行調(diào)整。較小medium :默認(rèn)值。絕

3、對字體尺寸。根據(jù)對象字體進(jìn)行調(diào)整。正常large :絕對字體尺寸。根據(jù)對象字體進(jìn)行調(diào)整。大x-large :絕對字體尺寸。根據(jù)對象字體進(jìn)行調(diào)整。較大xx-large :絕對字體尺寸。根據(jù)對象字體進(jìn)行調(diào)整。最大larger :相對字體尺寸。相對于父對像中字體尺寸進(jìn)行相對增大。使用成比例的 em 單位計(jì)算smaller :相對字體尺寸。相對于父對像中字體尺寸進(jìn)行相對減小。使用成比例的 em 單位計(jì)算length :百分?jǐn)?shù) | 由浮點(diǎn)數(shù)字和單位標(biāo)識符組成的長度值，不可為負(fù)值。其百分比取值是基于父對象中字體的尺寸。 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 對象的作用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)值。左對齊right :右對齊center :居中對齊justify :兩端對齊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 ) :使用絕對或相對 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)值。無特殊定位，對象遵循HTML定位規(guī)則absolute :將對象從文檔流中拖出，使用 left ， right ， top ， bottom 等屬性相對于其最接近的一個最有定位設(shè)置的父對象進(jìn)行絕對定位。如果不存在這樣的父對象，則依據(jù) body 對象。而其層疊通過 z-index 屬性定義fixed :未支持。對象定位遵從絕對(absolute)方式。但是要遵守一些規(guī)范relative :對象不可層疊，但將依據(jù) left ， right ， top ， bottom 等屬性在正常文檔流中偏移位置l z-index 語法：z-index : auto | n

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

10、件編寫一個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> 【書號】<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>【書號】<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/>