起名方式與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樣式表

?

?

?

?

?

?

?

?

?

?

?

?

?

本文轉載于:猿2048https://www.mk2048.com/blog/blog.php?id=bk1jhj&title=從零開始的全棧工程師——html篇1.2