CSS的兩大重點(diǎn)

屬性

通過屬性的復(fù)雜疊加才能做出漂亮的網(wǎng)頁

選擇器

通過選擇器找到對應(yīng)的標(biāo)簽設(shè)置樣式

選擇器的作用

選擇對應(yīng)的標(biāo)簽，為之添加樣式

• 標(biāo)簽選擇器
  根據(jù)標(biāo)簽名找到標(biāo)簽

<div>div1</div>
<div>div2</div>
div{
   color:red;
}

這兩個(gè)標(biāo)簽顯示都是紅色

• 類選擇器
  類選擇器的格式 .類名

<p class="=@"higt">第一段文件</p>
<p>第二段文字</p>
<div class="higt">div1</div>
<div>div2</div>
 .higt{
            color: red;
        }

第一段文字 跟 div1 是紅色的字體

• id選擇器
  id選擇器的格式 #id

<p id="first">11111</p>
<p>222222</p>
 #first{
            color: red;
        }

11111是紅色

id與class的區(qū)別:
id 的名字是唯一的，class可以加到多個(gè)標(biāo)簽中

• 并列選擇器

<p class="higt">div1</p>
<p>div2</p>
<div class="higt">1111</div>
<div>2222</div>
div,.higt{
            color: red;
        }

除了div2以外 都是紅色

• 復(fù)合選擇器

<p class="higt">div1</p>
<p>div2</p>
<div class="higt">1111</div>
<div>2222</div>
div.higt{
            color: red;
        }

只有1111是紅色

• 后代選擇器

<div>
       <p>11111</p>
       <span>
           <p>222222</p>
       </span>
   </div>
<p>外面的</p>
div p{
            color: red;
        }

111111和222222都是紅色的

常用的就這些選擇器，基本可以訪問所有的標(biāo)簽了，后面還有
直接后代選擇器,屬性選擇器,相鄰兄弟選擇器