1、行内樣式(内聯樣式)
例:<body >
2、内部樣式
例:<head>
<style type="text/css">
body {
background-color:#cccccc;}</style></head>
3、外部樣式
例:style.css
body { background-color:#cccccc;
}index.html
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</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标注的語句。
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!