網(wǎng)頁教程:CSS中文教程(2)_動易Cms教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
P EM { background: yellow }
是P EM。這個值表示段落中的強調(diào)文本會是黃色背景;而標題的強調(diào)文本則不受影響。
聲明
屬性
一個屬性被指定到選擇符是為了使用它的樣式。屬性的例子包括顏色、邊界和字體。
值
聲明的值是一個屬性接受的指定。例如,屬性顏色能接受值red。
組合
為了減少樣式表的重復聲明,組合的選擇符聲明是答應(yīng)的。例如,文檔中所有的標題可以通過組合給出相同的聲明:
H1, H2, H3, H4, H5, H6 {
color: red;
font-family: sans-serif }
繼續(xù)
實際上,所有在選擇符中嵌套的選擇符都會繼續(xù)外層選擇符指定的屬性值,除非另外更改。例如,一個BODY定義了的顏色值也會應(yīng)用到段落的文本中。
有些情況是內(nèi)部選擇符不繼續(xù)四周的選擇符的值,但理論上這些都是非凡的。例如,上邊界屬性是不會繼續(xù)的;直覺上,一個段落不會有同文檔BODY一樣的上邊界值。
注解
樣式表里面的注解使用C語言編程中一樣的約定方法去指定。CSS1注解的例子如以下格式:
/* COMMENTS CANNOT BE NESTED */
偽類和偽元素
偽類和偽元素是非凡的類和元素,能自動地被支持CSS的瀏覽器所識別。偽類區(qū)別開不同種類的元素(例如,visited links(已訪問的連接)和active links(可激活連接)描述了兩個定位錨(anchors)的類型)。偽元素指元素的一部分,例如段落的第一個字母。
偽類或偽元素規(guī)則的形式如
選擇符:偽類 { 屬性: 值 }
或
選擇符:偽元素 { 屬性: 值 }
偽類和偽元素不應(yīng)用HTML的CLASS屬性來指定。一般的類可以與偽類和偽元素一起使用,如下:
選擇符.類: 偽類 { 屬性: 值 }
或
選擇符.類: 偽元素 { 屬性: 值 }
定位錨偽類
偽類可以指定A元素以不同的方式顯示連接(links)、已訪問連接(visited links)和可激活連接(active links)。定位錨元素可給出偽類link、visited或active。一個已訪問連接可以定義為不同顏色的顯示,甚至不同字體大小和風格。
一個有趣的效果是使當前(或“可激活”)連接以不同顏色、更大的字體顯示。然后,當網(wǎng)頁的已訪問連接被重選時,又以不同顏色、更小字體顯示。這個樣式表的示例如下:
A:link { color: red }
A:active { color: blue; font-size: 125% }
A:visited { color: green; font-size: 85% }
首行偽元素
通常在報紙上的文章,例如Wall Street Journal中的,文本的首行都會以粗印體而且全部大寫地展示。CSS1包括了這個功能,將其作為一個偽元素。首行偽元素可以用于任何塊級元素(例如P、H1等等)。以下是一個首行偽元素的例子:
P:first-line {
font-variant: small-caps;
font-weight: bold }
首個字母偽元素
首個字母偽元素用于加大(drop caps)和其他效果。含有已指定值選擇符的文本的首個字母會按照指定的值展示。一個首個字母偽元素可以用于任何塊級元素。例如:
P:first-letter { font-size: 300%; float: left }
會比普通字體加大三倍。
層疊順序
當使用了多個樣式表,樣式表需要爭奪特定選擇符的控制權(quán)。在這些情況下,總會有樣式表的規(guī)則能獲得控制權(quán)。以下的特性將決定互相對立的樣式表的結(jié)果。
! important
規(guī)則可以用指定的! important 特指為重要的。一個特指為重要的樣式會凌駕于與之對立的其它相同權(quán)重的樣式。同樣地,當網(wǎng)頁制作者和讀者都指定了重要規(guī)則時,網(wǎng)頁制作者的規(guī)則會超越讀者的。以下是! important 聲明的例子:
BODY { background: url(bar.gif) white;
background-repeat: repeat-x ! important }
Origin of Rules (Author's vs. Reader's)
正如以前所提及的,網(wǎng)頁制作者和讀者都有能力去指定樣式表。當兩者的規(guī)則發(fā)生沖突,網(wǎng)頁制作者的規(guī)則會凌駕于讀者的其它相同權(quán)重的規(guī)則。而網(wǎng)頁制作者和讀者的樣式表都超越瀏覽器的內(nèi)置樣式表。
相關(guān)動易Cms教程:
- MAC錯誤的解決方法
- 如何屏蔽動易后臺導航里的某個功能菜單?
- 動易.NET版本留言自動選定欄目方法
- 動易SiteFactoty整合Discuz!NT3.0
- 在任意位置獲取根節(jié)點ID標簽
- 如何開啟SiteWeaver6.8的支持,反對功能
- Windows 2008安裝動易.NET系統(tǒng)之四----動易系統(tǒng)安裝篇
- Windows 2008安裝動易.NET系統(tǒng)之三----數(shù)據(jù)庫篇
- Windows 2008安裝動易.NET系統(tǒng)之二----IIS、目錄環(huán)境配置篇
- 數(shù)據(jù)庫修復,SQL Server 2005內(nèi)部操作不一致的處理
- 如何安裝動易.net程序權(quán)限配置
- 為什么提示對Windows系統(tǒng)文件夾下的Temp目錄沒有訪問權(quán)限?
- 相關(guān)鏈接:
- 教程說明:
動易Cms教程-網(wǎng)頁教程:CSS中文教程(2)
。