起名方式與CSS

一.起名方式(起名方式也叫選擇器)

起名的目的是為了給標簽添加屬性

常見的3種選擇器有 標簽選擇器   id選擇器(使用的時候加#)    class選擇器(使用的時候加.) 

樣式的要求是由選擇器的權重來決定的

標簽的權重為1  class的權重是10 id的權重是100

權重是可以疊加的。

比如

註意給一個標簽起兩個名字的時候千萬不要這樣起：

要在一個class或者id屬性裡面直接寫兩個名字的屬性值 在兩個名字之間加一個空格來區分兩個名字：

之前咱們說了選擇器有標簽名 id class 其實選擇器有很多種

1.後代選擇器(使用的時候在父標簽名和子標簽名之間加一個空格)

<p>

　　段落里的文字

　　<a>這裡的內容就會是紅色</a>

</p>

標簽嵌套多層關係（包含一層）

2.子代選擇器

<div class="pp">

　　<a>這裡會是紅色<a>這裡就不會變</a></a>

</div>

標簽嵌套只有一層關係

3.交集選擇器(給一個標簽起多個名字來單獨修改這條標簽的樣式)

<div id="p" class="aa"></div>

4.通配符選擇器(全選)

使用通配符選擇器會加大瀏覽器的負荷

5.並集選擇器

補充：在樣式屬性值後面加一個！importank表示權重無限大(表示這條樣式權重最大不會被修改)

CSS

css(層疊樣式表)就是給html添加樣式

網頁中有四種style樣式

1.行間樣式 將style當做屬性寫在標簽內。(權重1000)

2.行內樣式 把style當做標簽來用 寫在head之間

3.外部引用(把style當做css文件來用)(在head裡加一條<link type="text/css" rel="stylesheet" href="css路徑">)

這裡的type可以捨去因為href後面的文件名是.css會預設這條標簽是css

rel和href 是必不可少的。

4.嵌入式(這個前期一般用不到)

就是一個css樣式表裡引入另一個的css樣式表