html5--6-4 CSS選擇器

實例

?

?

?

?

學習要點

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

---

什么是選擇器

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

插入樣式的三種方法

內聯樣式表（行內）

內部樣式表（style中）

外部樣式表

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

CSS語法

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

行內（內聯）樣式

內部樣式：style中的樣式

外部樣式

層疊、繼承、沖突

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

可以在同一個 HTML 文檔內部引用多個外部樣式表。

CSS選擇器

常用選擇器

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

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

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

類選擇器:前面加符號 .

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

?

轉載于:https://www.cnblogs.com/Renyi-Fan/p/7991480.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。