DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> XML學習教程 >> XML詳解 >> XML入門教程:CSS樣式表
XML入門教程:CSS樣式表
編輯:XML詳解     
樣式表可幫我們解釋XML文檔中各元素的具體意思,所以通過樣式表可直接在浏覽器上顯示XML文檔。在XML文檔在序言部分通過xml-stylesheet處理指令可指定關聯的樣式表。XML-stylesheet指令必須有一個href屬性和type屬性。href指向樣式表的URL,type指定樣式表的MIME類型:對

樣式表可幫我們解釋XML文檔中各元素的具體意思,所以通過樣式表可直接在浏覽器上顯示XML文檔。目前主要的樣式表語言有:

在XML文檔在序言部分通過xml-stylesheet處理指令可指定關聯的樣式表。XML-stylesheet指令必須有一個href屬性和type屬性。href指向樣式表的URL,type指定樣式表的MIME類型:對CSS為text/CSS,對於XSLT為text/xml或application/xml。下面是一個簡單的使用樣式表的XML文檔:

?xml version=1.0??XML-stylesheet href=test.css type=text/CSS?...

除以上兩個必須的屬性外,還有4種可選屬性:

樣式表現在已成為Web應用中的一個關鍵技術,它的作用主要體現在以下三個方面:

本文由整理發布!轉載請注明,謝謝!

下面介紹各種選擇符:

style[href] {color: red;}A[href=http://www.ringkee.com] {color: green;}table[summary~=table] {color: black;}table[summary=this-is-a-table] {color: blue;}/stylea href=http://www.Python.org應用紅色樣式/aa href=http://www.ringkee.com應用綠色樣式/atable summary~=This is a table trtd應用黑色樣式/td /tr/tabletable summary=This-is-a-table trtd應用藍色樣式/td /tr/table

類選擇符,與屬性選擇符類似,但它只指對class屬性應用樣式。類選擇符用.語法,如.value與[class~=value]是一樣的。

style.myid {color: red;}/stylediv class=myid應用紅色樣式/div

ID選擇符,與屬性選擇符類似,但它只指對ID屬性,用#語法。

style#myid {color: red;}/stylediv id=myid應用紅色樣式/div

:first-child偽類,當標記是另一個標記的第一個子標記時,應用樣式。

stylep:first-child {color: red;}/stylepp是body的第一個子標記,應用紅色樣式/pdiv測試/divpp標記是body的第三個子標記,不應用紅色樣式/p

:link和:visited偽類只作用於a標記,在指定href屬性的前提下,:link表示a標記還沒被時的樣式,:visited表示被當點後的樣式。

stylea:link {color: blue;}a:visited {color: red;}/stylea href=http://www.ringkee.com沒前是藍色的,後是紅色的/a

:hover,:active和:fouce偽類也只能作用於a標記,且也要指定href屬性。:hover指定當用戶把鼠標移到a標記上並且指針變成手型時應用的樣式。:active指定a並放開鼠標時所顯示的樣式。:fouce指定用戶a標記瞬間,即成為焦點時所顯示的樣式。:hover要放在:link和:visited之後,否則:hover的樣式會覆蓋:link和:visited的樣式。

stylea:link {color: blue;}a:visited {color: red;}a:haover {color: green;}a:focus {color: black;}a:active {color: white;}/style a href=http://www.ringkee.com應用樣式/a

:left及:right偽類只作用於頁面內容。當頁面在左邊時應用:left指定的樣式,當頁面在右邊時應用:right指定的樣式。

:first-line只對div和p標記不效,樣式只應用於這兩個標記內的第一行內容。

style:first-line {color: red;}/stylediv width:50px;該元素內的第一行內容應用紅色樣式。/div

:first-letter偽類也只能作用於div和p標記,與:first-line不同的是它只作用於標記內的第一個字符。如果我們想要每一行的開頭字符大一點就可使用該偽類。

style:first-letter {font-size: 40pt;}/stylep這行文字開頭第一個字符的大小是40pt/p

:before和:after偽類可在內容的前面或後面增加特定的內容或指定樣式。

stylep:before {content: (; color: red;}p:after {content: ); color: green;}/stylep這行文字前後會增加一對括號,前括號為紅色/pp這行文字前後會增加一對括號,後括號為綠色/p

層疊選擇符是指當有多個選擇符的樣式都應用於同一個標記時的選擇規則。該規則利用一個三位數來確定,數字最大的就可選中。這三位數的確定規則的這樣的,如果選擇符中有ID選擇符,則百位數加1,否則為0。如果有屬性選擇符、類選擇符或偽類選擇符,則十位數加1,否則為0。如果有類型選擇符,則個位數加1,否則為0。如果選擇符是#div div,這三位數則是101。讓我們分析一下,#div是ID選擇符,所以在百位數上加1,div是類型選擇符,所以個位數上加1變成101。*表示0,優先級最低。

樣式表的主要功能是指定同一個文件在不同媒體上按不同的樣式顯示。通過在種方式可指定不同媒體

!important規則會改變應用樣式的優先級,有!important參數樣式的優先級最高,會優先顯示。

styleh1 {color:red;}h1 {color:green !important;}/styleh1字體為綠色/h1

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved