恢復內容開始 樣式表： 一。內聯：寫在body中 直接在內容的標簽中添加style屬性：例如<div style="...">1234</div> 二。內嵌：寫在head中 一般寫在標題標簽的後面，添加<style type="text/css"></style>標簽,p為需要改變的標簽 三。外部樣 ...
---恢復內容開始---
樣式表：
一。內聯：寫在body中 直接在內容的標簽中添加style屬性：例如<div style="...">1234</div>
二。內嵌：寫在head中 一般寫在標題標簽的後面，添加<style type="text/css"></style>標簽,p為需要改變的標簽
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style> /*style是雙標簽元素*/
p{
background:#000}
</style>
三。外部樣式表：新建一個css文件
在文件中右鍵，選擇css樣式，附加樣式表。添加入之前新建的樣式表。保存之後會出現一組link開始的標簽
選擇器：
1. 用標簽做選擇器：方法：以p標簽為例,p{}
<style>
p{ /*所有P標簽改變的背景顏色*/
background:#000}
</style>
2.class選擇器：class的值可以相同，以"."開頭<head>
<style>
.a{ /*執行所有class的值為a的標簽，改變屬性*/
background:#9C0}
</style>
</head>
<body>
<p class="a"></p> /*定義p標簽的屬性為a*/
<div></div>
</body>
</html>
3.id選擇器：id的值不能重覆，以"#"開頭
<head>
<style>
#a1{ /*id的值為a1的標簽所包括的內容，改變屬性*/
background:#000}
</style>
</head>
<body>
<p id="a2"></p>
<p id="a1"></p> /*定義該p標簽的id為"a1"*/
</body>
4.複合選擇器：
（1）用逗號隔開，表示併列
<head>
<style>
div,p{ /*所有div和p標簽均執行此操作*/
background:#093}
</style>
</head>
<body>
<div></div> /*執行該標簽，改變其背景顏色*/
<p></p> /*執行該標簽，改變其背景顏色*/
<p></p> /*執行該標簽，改變其背景顏色*/
</body>
（2）用空格隔開，表示後代 需要有包含關係
<head>
<style>
div p{ /*在div中的p標簽，所執行的屬性*/
background:#093}
</style>
</head>
<body>
<div></div>
<p></p>
<p></p>
<div>
<p></p> /*執行該標簽，改變其背景顏色*/
</div>
</body>
（3）篩選：
<head>
<style>
p.a3{ /*在所有p標簽中，只執行klass的值為a3標簽*/
background:#633}
</style>
</head>
<body>
<div></div>
<p></p>
<p></p>
<div>
<p class="a4"></p>
<p class="a3"></p> /*執行該標簽，改變其背景顏色*/
</div> </body>
---恢復內容結束---
樣式表：
一。內聯：寫在body中 直接在內容的標簽中添加style屬性：例如<div style="...">1234</div>
二。內嵌：寫在head中 一般寫在標題標簽的後面，添加<style type="text/css"></style>標簽,p為需要改變的標簽
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style> /*style是雙標簽元素*/
p{
background:#000}
</style>
三。外部樣式表：新建一個css文件
在文件中右鍵，選擇css樣式，附加樣式表。添加入之前新建的樣式表。保存之後會出現一組link開始的標簽
選擇器：
1. 用標簽做選擇器：方法：以p標簽為例,p{}
<style>
p{ /*所有P標簽改變的背景顏色*/
background:#000}
</style>
2.class選擇器：class的值可以相同，以"."開頭<head>
<style>
.a{ /*執行所有class的值為a的標簽，改變屬性*/
background:#9C0}
</style>
</head>
<body>
<p class="a"></p> /*定義p標簽的屬性為a*/
<div></div>
</body>
</html>
3.id選擇器：id的值不能重覆，以"#"開頭
<head>
<style>
#a1{ /*id的值為a1的標簽所包括的內容，改變屬性*/
background:#000}
</style>
</head>
<body>
<p id="a2"></p>
<p id="a1"></p> /*定義該p標簽的id為"a1"*/
</body>
4.複合選擇器：
（1）用逗號隔開，表示併列
<head>
<style>
div,p{ /*所有div和p標簽均執行此操作*/
background:#093}
</style>
</head>
<body>
<div></div> /*執行該標簽，改變其背景顏色*/
<p></p> /*執行該標簽，改變其背景顏色*/
<p></p> /*執行該標簽，改變其背景顏色*/
</body>
（2）用空格隔開，表示後代 需要有包含關係
<head>
<style>
div p{ /*在div中的p標簽，所執行的屬性*/
background:#093}
</style>
</head>
<body>
<div></div>
<p></p>
<p></p>
<div>
<p></p> /*執行該標簽，改變其背景顏色*/
</div>
</body>
（3）篩選：
<head>
<style>
p.a3{ /*在所有p標簽中，只執行klass的值為a3標簽*/
background:#633}
</style>
</head>
<body>
<div></div>
<p></p>
<p></p>
<div>
<p class="a4"></p>
<p class="a3"></p> /*執行該標簽，改變其背景顏色*/
</div> </body>
