CSS(層疊樣式表)基礎知識(連載二)

上一節,我們講了如何在頁面中添加CSS(層疊樣式表),我們分別講了“鏈接外部樣式表”、“定義內部 樣式表”、“在XML文件中鏈接樣式表”和“定義內聯樣式”。今天我們就來講一講CSS中各種選擇器(選 擇符)的意義及頁面調用方法。爲了簡便,我們演示的例子都是將樣式表直接寫在頁面中的style標籤中 (即上節講的“定義內部樣式表”)。

一、類
樣式表中可以定義一類樣式,該樣式可以應用到任何標籤,其寫法是在選擇符前加一個點(.), 如:.sty1{....},在頁面中的標籤中調用該類樣式時,只需要在相應的標籤內添加“class="sty1"”。下 面我們通過一個實例來演示一下:

源碼如下:
 
演示效果:
 
二、標籤
所謂標籤,就是在CSS中直接使用頁面中需要重新定義樣式的對象的標籤名作爲CSS選擇符,這樣的話,只要頁面中出現已經被定義了樣式的對象標籤,那麼它們都將自動被重新定義樣式,比如我們爲P這個標籤定義了樣式,那麼頁面中所有的 P標籤的樣式都將被改變。
實例源碼:
 
 
演示效果:
 
三、高級(ID、僞類選擇器等)
ID選擇符以文檔目錄樹(DOM)中作爲對象的唯一標識符的 ID 作爲選擇符;僞類可以看做是一種特殊的類 選擇符,僞類和類不同,是CSS已經定義好的,不能象類選擇符一樣隨意用別的名字,具體有關僞類的內 容我們將在後面的連載中詳細講解。
 
實例源碼:
 
演示效果:
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章