html5--6-4 CSS選擇器

實(shí)例

?

?

?

?

學(xué)習(xí)要點(diǎn)

• 掌握常用的CSS選擇器
• 了解不太常用的CSS選擇器

---

什么是選擇器

當(dāng)我們定義一條樣式時(shí)候，這條樣式會(huì)作用于網(wǎng)頁(yè)當(dāng)中的某些元素，所謂選擇器就是樣式作用的對(duì)象.

插入樣式的三種方法

內(nèi)聯(lián)樣式表（行內(nèi)）

內(nèi)部樣式表（style中）

外部樣式表

• 創(chuàng)建一個(gè)外部樣式表
• 在head中使用link元素插入樣式表

CSS語(yǔ)法

• 單一元素的多個(gè)屬性之間用分號(hào)隔開(kāi)；若只有一個(gè)可以省略
• 多個(gè)元素之間用逗號(hào)隔開(kāi)
• 如果值為若干單詞，則要給值加引號(hào);除了這種情況外其他時(shí)候不可以加引號(hào)
• css代碼的注釋
• 樣式的優(yōu)先順序:
  • 設(shè)計(jì)者設(shè)計(jì)的樣式>瀏覽器用戶(hù)自定義的樣式>瀏覽器自設(shè)的樣式
  • 強(qiáng)制優(yōu)先級(jí)：！important

行內(nèi)（內(nèi)聯(lián)）樣式

內(nèi)部樣式：style中的樣式

外部樣式

層疊、繼承、沖突

• 外觀樣式--比如字體、顏色可以繼承;而布局有關(guān)的樣式不可以繼承，比如邊框等

可以在同一個(gè) HTML 文檔內(nèi)部引用多個(gè)外部樣式表。

CSS選擇器

常用選擇器

通用選擇器：“*”；文檔中所有的內(nèi)容都會(huì)加上選擇器

元素選擇器；比如p，比如div

id選擇器:前面有一個(gè) # 號(hào)

類(lèi)選擇器:前面加符號(hào) .

• 給一個(gè)元素加上多個(gè)類(lèi)名
• 指定某一特定的類(lèi)

?

轉(zhuǎn)載于:https://www.cnblogs.com/Renyi-Fan/p/7991480.html

總結(jié)

以上是生活随笔為你收集整理的html5--6-4 CSS选择器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。