個人html 的學習體會，帶你瞭解html的學習內容

潮流屋經驗 8.05K

1、行內樣式（內聯樣式）

例：<body >

2、內部樣式

例：<head>

body {

background-color:#cccccc;}</style></head>

3、外部樣式

例：

body { background-color:#cccccc;

}

<head>

</head> css選擇器

1、標籤選擇符（又稱為元素選擇符、型別選擇符）

2、id 及 class 選擇符

3、屬性選擇符 [title] a{color:red;} （為所有的屬性是title的a標籤的元素變成紅色）

4、包含選擇符

5、偽類選擇符

a:link {color: #FF0000; text-decoration: none} /* 未訪問的連結 */

a:visited {color: #00FF00; text-decoration: none} /* 已訪問的連結 */

a:hover {color: #FF00FF; text-decoration: underline} /* 滑鼠在連結上 */

a:active {color: #0000FF; text-decoration: underline} /* 啟用連結 */

6、優先順序依次是：

行內樣式表 > 內部樣式表 > 外部樣式表

7、選擇符id的定義優先於class 的定義

8、萬用字元 *

9、瀏覽器優先執先 !important標註的語句。

TAG標籤：學習體會學習 html #

經驗