溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
第一樣式表可用（1）嵌入式樣式表（2）引入式樣式表，兩種方式來實現，
如下我便以代碼的形式放在下面：
（1）嵌入式樣式表
demo.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS樣式使用</title>
<style type="text/css">
div{background:red;font-size:20px} <!--HTML標記定義 -->
.div1{background-color:green;font-size:20px;} <!--class定義樣式 -->
#divid{background-color:blue;font-size:20px;} <!--id定義樣式 -->
<!---組合選擇器不能與其他選擇器共存-->
p,h2,h3,.p1,#pid {color:red;font-size:20px;} <!--組合定義樣式 -->
a:link { color:red; }
a:hover { color:green; }
a:active { color:yellow; }
a:visited { color:blue; }
</style>
</head>
<body>
<div class="div1" id="divid">css定義樣式</div>
<h2>這是定義樣式1</h2>
<h3>這是定義樣式2</h3>
<p>這是定義樣式3</p>
<p class="p1">這是定義樣式4</p>
<p id="pid">這是定義樣式5</p>
<a >百度1</a>
<a >百度2</a>
<a >百度3</a>
<a >百度4</a>
<a >百度5</a>
</body>
</html>（2）引入式樣式表
demo.html
<!doctype html> <html> <head> <title>Css樣式使用</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h2>css樣式使用</h2> <a >百度1</a> <a >百度2</a> <a >百度3</a> <a >百度4</a> <a >百度5</a> <br> <h2>這是定義樣式1</h2> <h3>這是定義樣式2</h3> <p>這是定義樣式3</p> <p class="p1">這是定義樣式4</p> <p id="pid">這是定義樣式5</p> <div>css的html定義樣式</div> <div class="div1">css的class定義樣式</div> <div id="divid">css的id定義樣式</div> <div class="div1" id="divid">css定義樣式的優先級：id > class >HTML 樣式</div> </body> </html>
style.css
body{
background-color:yellow;
color:#fff
}
p,h2,h3,.p1,#pid {color:red;font-size:20px;} /* 組合樣式定義*/
a:link { color:red; } /* 顯示紅色*/
a:hover { color:green; } /* 鼠標移動至該處變綠色*/
a:active { color:yellow; } /* 鼠標點擊該處時變×××*/
a:visited { color:blue; } /* 鼠標點擊該處后變藍色*/
div{background:red;font-size:20px} /* HTML樣式定義 */
.div1{background-color:green;font-size:20px;} /* class樣式定義 */
#divid{background-color:blue;font-size:20px;} /* id樣式定義 */免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
