css餐廳選擇器，css規則？
在CSS樣式規則
1.選擇器用于指定CSS樣式作用的HTML對象，花括號內是對該對象設置的具體樣式。
2.屬性和屬性值以“鍵值對”的形式出現。
3.屬性是對指定的對象設置的樣式屬性，例如字體大小、文本顏色等。
4.屬性和屬性值之間用英文“:”連接。
5.多個“鍵值對”之間用英文“;”進行區分。
css派生選擇器有幾種？
基本選擇器
1.標簽選擇器：直接用元素的標簽來進行選擇
span { // 直接選擇span標簽
size:16px;
}
1
2
3
1
2
3
2.ID選擇器：通過設置id名字，進行精確的選擇，用#來定義
# div1 { //通過id名字來進行選擇
color:red;
}
<div id="div1">1</div>
1
2
3
4
1
2
3
4
3.類選擇器:通過類名來進行選擇，選擇范圍比id選擇器大，用’.'來定義
.div1 { //所有類名為div1的都被選擇了
color:red;
}
<div id="div1">1</div>
<div id="div1">1</div>
<div id="div1">1</div>
1
2
3
4
5
6
1
2
3
4
5
6
4.通配符選擇器：范圍更大，作用于所有標簽，用*來定義
不建議使用，對頁面加載負擔大
高級選擇器
1.后代選擇器：定義用空格隔開
div span { //選擇的是div標簽下的span標簽，當然后代顧名思義可以不止隔一代，可以隔多代進行選擇
color：red；
}
<div><span>1</span></div>
1
2
3
4
1
2
3
4
2.交集選擇器：與后代選擇器定義的不同是，沒有空格隔開，兩個元素緊挨著
span#a1 { //選擇的是兩個條件1.既是span標簽的 2.id名是a1的元素，兩個條件缺一不可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
3.并集選擇器：定義用逗號隔開
span，#a1 { //選擇的是1.是span標簽的 2.id名是a1的元素，兩個條件滿足一個即可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
4.偽類選擇器：
1.靜態偽類：點擊連接之前（link），點擊連接之后(visited)這樣的
2.動態偽類：鼠標移入（hover），點擊之后（focus）
id是什么類型的選擇器？
id是css的唯一選擇器，使用ID選擇器，必須給標簽添加上id屬性，為標簽設置id="ID名稱"。
CSS的基本特征？
總體來說，CSS具有以下特點：
1.豐富的樣式定義
CSS提供了豐富的文檔樣式外觀，以及設置文本和背景屬性的能力；允許為任何元素創建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內容間的距離；允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。
2.易于使用和修改
CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個專門的CSS文件中，以供HTML頁面引用。總之，CSS樣式表可以將所有的樣式聲明統一存放，進行統一管理。
另外，可以將相同樣式的元素進行歸類，使用同一個樣式進行定義，也可以將某個樣式應用到所有同名的HTML標簽中，也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式，我們只需要在樣式列表中找到相應的樣式聲明進行修改。
3.多頁面應用
CSS樣式表可以單獨存放在一個CSS文件中，這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬于任何頁面文件，在任何頁面文件中都可以將其引用。這樣就可以實現多個頁面風格的統一。
4.層疊
簡單的說，層疊就是對一個元素多次設置同一個樣式，這將使用最后一次設置的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表，而某些頁面中的某些元素想使用其他樣式，就可以針對這些樣式單獨定義一個樣式表應用到頁面中。這些后來定義的樣式將對前面的樣式設置進行重寫，在瀏覽器中看到的將是最后面設置的樣式效果。
5.頁面壓縮
在使用HTML定義頁面效果的網站中，往往需要大量或重復的表格和font元素形成各種規格的文字樣式，這樣做的后果就是會產生大量的HTML標簽，從而使頁面文件的大小增加。而將樣式的聲明單獨放到CSS樣式表中，可以大大的減小頁面的體積，這樣在加載頁面時使用的時間也會大大的減少。另外，CSS樣式表的復用更大程度的縮減了頁面的體積，減少下載的時間。