樣式表的基本概念
一、樣式表的分類
1.內聯樣式表
和HTML聯合顯示,控制精確,但是可重用性差,冗余較多。
例:<p style="font-size:14px;">內聯樣式表</p>
2.內嵌樣式表
作為一個獨立區域內嵌在網頁里,必須寫在head標簽里面。
<style type="text/css">
p //格式對p標簽起作用
{
樣式;
}
</style>
3.外部樣式表
新建一個CSS文件,用來放置樣式表。如果要在HTML文件中調用樣式表,需要在HTML文件中點右鍵→CSS樣式表→附加樣式表。一般用link連接方式。
<style type="text/css">
*/*有些標簽有默認的邊距,一般寫樣式表的時候首先去除*/
{/*星號表示對所有的標簽都起作用*/
margin:0px;
pading:0px;
}
二、選擇器
1.標簽選擇器。用標簽名做選擇器。
2.class選擇器。都是以“.”開頭。
3.ID選擇器。以“#”開頭。
4.復合選擇器
(1)用“,”隔開,表示並列。
(2)用空格隔開,表示后代。
(3)篩選“.”。
知識點:
鏈接的style:
a:link 超鏈接被點前狀態(一般鏈接)
a:visited 超鏈接點擊后狀態(訪問過的鏈接狀態)
a:hover 懸停在超鏈接時(設置鼠標指向鏈接時的狀態)
a:active 點擊超鏈接時
在定義這些狀態時,有一個順序l v h a
★ cursor:pointer 鼠標指到上面時的形狀(由箭頭改變成小手);這么用 a:hover{cursor:pointer}
網頁圖標超鏈接的點擊顏色狀態