Title1

Title2

Title3

2-3 CSS

一、CSS 概述

  • CSS指層疊樣式表( C ascading S tyle S heets)
  • 樣式定義如何顯示 HTML元素
  • 樣式通常存儲在樣式表
  • 把樣式添加到HTML 4.0中,是為了解決內容與表現分離的問題
  • 外部樣式表可以極大提高工作效率
  • 外部樣式表通常存儲在CSS文件
  • 多個樣式定義可層疊為一

 

二、層疊次序

當同一個HTML 元素被不止一個樣式定義時,會使用哪個樣式呢?

一般而言,所有的樣式會根據下面的規則層疊於一個新的虛擬樣式表中,其中數字4 擁有最高的優先權。

  1. 瀏覽器預設
  2. 外部樣式表
  3. 內部樣式表(位於<head> 標籤內部)
  4. 內聯樣式(在HTML 元素內部)

因此,內聯樣式(在HTML 元素內部)擁有最高的優先權,這意味著它將優先於以下的樣式聲明:<head> 標籤中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(預設值)。

三、常用選擇器

  1. class
  2. id
  3. tag