HTML學習筆記（四），html學習筆記

HTML學習筆記（四），html學習筆記

1．       css行內樣式要注意的問題：

a)     style關鍵字要作為標籤的一個屬性寫在標籤內；

b)     等號後面是一對雙引號包含的內容；

c)      Style屬性和屬性之間是用英文的分好分隔開的。

2．       常用屬性工作表：

3．       根據樣式代碼的位置，可分為三類：

a)     行內樣式；

b)     內嵌樣式；

c)      外部樣式。

4．       在最後一個聲明（樣式的屬性行）後面加上一個分號是個好習慣。

5．       內嵌樣式的時候，style標籤一定要寫在head標籤的裡面。

6．       在定義類別選取器名稱的時候，前面一定要加上點（.），在body裡面去用類別選取器的時候，使用關鍵字class。

7．       在定義id選取器名稱的時候，前面一定要加上井號（#），在body裡面去用id選取器的時候，使用關鍵字id。

8．       我們在dreamweaver裡面點擊css樣式欄，然後點擊《連結外部樣式表》，可以選擇《連結》link或者《匯入》import方式來連結到外部樣式檔案。

例如：

<linkhref="css/mystyle.css" rel="stylesheet"type="text/css" />

或者是：

<style type="text/css">

<!--

@import url("css/mystyle.css");

-->

</style>

9．       特殊選取器：

<styletype="text/css">

a{    /* 設定超連結不帶底線，text-decoration表示對文本修飾*/

color:blue;

text-decoration:none;

}

a:hover{   /* 滑鼠在超連結上懸停時，帶劃線*/

color:red;

text-decoration:underline;

}

a:active{   /* 活動連結時，顏色為綠色，並不帶底線*/

color:green;

text-decoration:none;

}

</style>

10．       對於某個HTML標籤：

1）如果有多種樣式，如果規定的樣式沒有衝突，則疊加；

2）如果有衝突，則最先考慮行內樣式表顯示，如果沒有，再考慮內嵌樣式顯示，如果還沒有，最後採用外面樣式表顯示，否則就按HTML的預設樣式顯示；

11．       Div中使用z-index來表示佔據哪一層。