獨立的CSS文件結構只包括各種選擇器聲明
選擇器聲明
標簽選擇器
標簽名 {
屬性名:屬性值;
……
}
該標簽選擇器是針對HTML文檔中所有同名標簽進行修飾。
類選擇器
.類名 {
屬性名:屬性值;
……
}
HTML文檔中的標簽，只要該標簽的屬性class等于類選擇器聲明中的類名，該選擇器的修飾語法就可以應用于該標簽。
ID選擇器
#ID {
屬性名:屬性值;
……
}
HTML文檔中的標簽，只要該標簽的屬性id等于ID選擇器聲明中的ID，該選擇器的修飾語法就可以應用于該標簽。
ID選擇器的應用與類選擇器應用類似，不過在HTML文檔中，標簽的id屬性是唯一的，所以ID選擇器只能修飾該文檔中的一個對應id的標簽。
并集選擇器
標簽名, .類名, #ID {
屬性名:屬性值;
……
}
并集選擇器聲明中涉及的所有標簽都可以應用該樣式。
交集選擇器
標簽名.類名 ? ? ?或 ? ? ?標簽名#ID{
屬性名:屬性值;
}
后代選擇器
父標簽 子標簽 {
屬性名:屬性值;
}
修飾針對特定父標簽嵌套的子標簽樣式
向HTML文檔導入CSS文件的四種方法
1.行內式
也就是通過對一個標簽的屬性style進行設置，例如<p style="font-size:12px">內容</p>。不過這種方式不能體現出CSS語言的優勢，結構與表現分離。
2.內部式
也就是在HTML文檔中在標簽style中進行聲明，該style標簽一般聲明在<head>標簽中。
<style type="text/css">
選擇器聲明語句;
</style>
3.外部式
有兩種，
第一種是鏈接式，在標簽<head>中添加標簽<link rel="stylesheet" style="text/css" href="＊.css" />,這種方式用的最多，先加載樣式，再加載結構。
第二種是導入式，在標簽<head>中添加標簽<style type="text/css">
@import url("*.css")
</style> 先加載結構，后加載樣式
