網站基本標籤及css樣式簡介(3)

CSS層疊樣式:

.內部樣式表

1).行內樣式

<td style="font-size:30px;">封面回顧</td>...td爲行級標籤,其他還有:按鈕、輸入框,範圍、圖像、超鏈接、換行標籤

 

2).嵌入樣式(<head>標籤中實現)

<style type="text/css">

選擇器{            

  對象屬性1:屬性值1;            ...樣式表裏的註釋:   /*註釋內容*/

  對象屬性2:屬性值2;

}            ....選擇器可以是任意標籤也可以是:.類名→對應:class="類名"

                                             #ID標示名→對應:id="ID標識名"

             ...也可以用選擇器集體聲明,如:h2,h3,.one,#two { font-size:30px; }

             ...選擇器嵌套聲明:如, h3 span{ text-decoration:underline;} 含義爲<h3>標籤中的<span>標籤內容設置了下劃線           

 

</style>

 

.外部樣式表(<head>標籤中添加以下語句)

<link href="style.css" rel="stylesheet" type="text/css" />...其中href屬性表示鏈接的CSS樣式表文件路徑

                                             css樣式表文件格式:  @charset "utf-8";

                                                                  選擇器{ 對象屬性:屬性值;  }

                                             css樣式表應用順序:ID選擇器樣式表>類選擇器樣式表>標籤選擇器樣式表。

                                                               行內樣式的優先級最高

                                                               選擇器相同時,後應用覆蓋前應用。

 

CSS規則定義中包含的八個分類:

Ø   "類型"分類:定義字體樣式、顏色、大小等。

Ø   "背景"分類:定義背景顏色、背景圖像的設置。

Ø   "區塊"分類:定義字體間距、對齊方式等。

Ø   "方框"分類:設置方框大小以控制頁面元素佈局等。

Ø   "邊框"分類:設置邊框的樣式、寬度和顏色。

Ø   "列表"分類:設置列表類型、項目符號圖像等。

Ø   "定位"分類:改變選定層的大小、位置等。

Ø   "擴展"分類:設置頁面的分頁效果和視覺效果。

 

CSS僞類別屬性:

a:link     超鏈接普通樣式,即在瀏覽器中正常顯示的樣式

a:hover   鼠標指針經過超鏈接時,超鏈接在瀏覽器中顯示的樣式

a:visited  超鏈接被單擊過後顯示的樣式

a:active   此狀態爲當前激活狀態,即超鏈接被單擊時的狀態

 

              cursor屬性的屬性值及對應的鼠標指針樣式

 

                               常用的列表符號

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章