html5--6-4 CSS選擇器

實(shí)例

?

?

?

?

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

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

---

什么是選擇器

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

插入樣式的三種方法

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

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

外部樣式表

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

CSS語法

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

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

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

外部樣式

層疊、繼承、沖突

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

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

CSS選擇器

常用選擇器

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

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

id選擇器:前面有一個 # 號

類選擇器:前面加符號 .

• 給一個元素加上多個類名
• 指定某一特定的類

?

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

總結(jié)

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

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