（一）語法 CSS 規則由兩個主要的部分構成：選擇器，以及一條或多條宣告:

• CSS宣告總是以分號(;)結束，宣告總以大括號({})括起來:
• CSS註釋以/*開始, 以*/結束
• 用雙引號

class中是自定義的名字 （二）選擇器 選擇器分兩類：1.基礎選擇器（標籤選擇器、類選擇器、id選擇器、萬用字元選擇器） 2.複合選擇器 一基本選擇器 1.*萬用字元 代表全域性 不需要呼叫，自動給所有元素使用樣式 2.標籤選擇器：即普通標籤直接寫 特點：會選中所有這一類的選擇器 hr {color:sienna;} p {margin-left:20px;} body {background-image:url("/images/back40.gif");} 3. id選擇器 id 選擇器以 "#" 來定義 id具有唯一性，在一個網頁中只能定義一次，只能呼叫一次 #para1 { text-align:center; color:red; } 4. class類選擇器 （1）class命名的類，可以出現多次。 .center {text-align:center;} （2）指定元素選擇class： 在以下例項中, 所有的 p 元素使用 class="center" 讓該元素的文字居中: p.center {text-align:center;} （3）類命名： 一般用英文 （4）多類名 使用場景：方便統一修改：可以多個標籤用同一個類，修改類名樣式所有標籤的樣式都變了。 語法：一個class中可以寫多個類名，多個類名之間用空格隔開 <div class="red font20">亞瑟</div> 二 複合選擇器 常用的複合選擇器有：後代選擇器、子選擇器、並集選擇器、偽類選擇器等 1.後代選擇器 又稱包含選擇器 語法：用空格隔開 特點：是後代就行，孫子也行

• 把ol裡面的小li改為pink：

ol li { color:pink; }

• 用class或者id也可以

.nav li a{ } //不寫li也行，寫的全一點更好 2.子選擇器 特點：只能是親兒子，孫子都不行 語法：用大於號>

• .nav>a{ }

3.並集選擇器 場景：選擇多組標籤為他們定義一個樣式 語法：用逗號隔開 .class1,.class2,.class3{ } 4.偽類選擇器 場景：滑鼠放在文字上，文字變化一種顏色等場景 語法：用冒號 eg： :hover

• 連結偽類：滑鼠放在文字上，文字變化一種顏色

要定義a標籤的樣式，所以要寫a 記憶：lvhao 一般都先定義一下a{ }的原始樣式 注： 如果a標籤有class名，也可以寫class名，不寫a eg： .nav .bg1:hover{ } <div class="nav"> <a href="" class="bg1">gfd</a>

• focus偽類選擇器：獲取焦點（游標）

一般針對<input>標籤 語法：input:focus{ background-color:pink;}//滑鼠按到這個表單上後，獲得游標點選的表單背景變為粉色

本文來自部落格園，作者：mdj今天又過關了，轉載請註明原文連結：https://www.cnblogs.com/mhhh/p/15751691.html