CSS選擇符
阿新 • • 發佈:2017-05-30
設置 -- 類定義 style color 定義 對象 宋體 派生
群選擇符:可以對一組對象進行相同的樣式指派。
h1,h2,h3,p,span{
font-size:12px;
font-family:"宋體";
}
使用逗號對選擇符進行分隔,使得頁面所有的h1、h2、h3、p、span均具有相同的樣式定義,這樣做的好處是使頁面中需要使用相同樣式的地方
只需要書寫一次樣式表即可實現,減少代碼量,改善了CSS代碼的結構。
派生選擇符:
h1 span{
font-weight:bold;
}
當只想對某一個對象中的“子”對象進行樣式指定時,派生選擇符就派上了用場。派生選擇符指選擇符組合中的前一個對象包含後一個對象 ,
對象之間使用空格作為分隔符。
這樣做能避免過多的id及class的設置,直接對需要設置的元素進行設置。(可以多級)
id選擇符:
<div id="top"></div> //每個id名稱只能使用一次
在CSS樣式中,id選擇符使用#進行標識:
#top{
font-size:14px;
line-height:130%; <!--設置行間距-->
}
id的基本作用是對每一個頁面中唯一出現的元素進行定義,如可以將導航條命名為 nav,將網頁頭部和底部命名為 header 和 footer 。
有助於代碼閱讀及使用。
類別選擇符:
用類選擇符能夠把相同的元素分類定義為不同的樣式,在定義類選擇符時,需在自定類的名稱前面加一個點號。
.right{
text-align:right;
}
CSS選擇符