1 CSS 簡介

來源:互聯網
上載者:User
文章目錄
  • 層疊次序
需要具備的基礎知識

在繼續學習之前,你需要對下面的知識有基本的瞭解:

  • HTML
  • XHTML

如果你希望首先學習這些項目,請在首頁訪問相關教程。

CSS 概述
  • CSS指層疊樣式表(Cascading Style Sheets),層疊的意思是:多重樣式定義被層疊為一。
  • CSS是標準的布局語言,用來控制元素的尺寸、顏色、排版。
  • CSS非常精確,功能強大,易於編寫。
  • CSS由W3C發明,用來取代基於表格的布局、架構以及其他非標準的表現方法。
  • 樣式(style)定義如何顯示HTML元素;樣式通常儲存於樣式表中;外部樣式表儲存於CSS檔案中。
  • 外部樣式表(External Style Sheets)可以極大地提升你的工作效率,並且可以極大地節約伺服器的頻寬。
  • 純CSS的布局與XHTML的結合,可使表現與結構分離,並使網站更易維護,易用性更好。
樣式解決了一個普遍的問題

HTML標籤原本被設計為用來定義文檔內容。通過使用<h1>, <p>, <table>這樣的標籤,HTML當初被指望用來表達“這是標題”、“這是段落”、“這是表格”之類的資訊。而文檔的布局被期望由瀏覽器來完成,而不使用任何的格式化標籤。

由於兩種主要的瀏覽器(Netscape和Internet Explorer)不斷地將新的HTML標籤和屬性(比如字型標籤和顏色屬性)添加到HTML規範之中,因此建立那些文檔內容清晰地獨立於文檔表現層的網站變得越來越困難。

為瞭解決這個問題,全球資訊網聯盟(W3C),這個非營利的標準化聯盟,肩負起了HTML標準化的使命,並在HTML 4.0之外創造出STYLES(樣式)。

所有的主流瀏覽器均支援層疊樣式表。

樣式表極大地提高了工作效率

樣式表定義HTML元素如何被顯示,諸如HTML 3.2的樣式中的字型標籤和顏色屬性通常被儲存在外部的.css檔案中。通過僅僅編輯一個簡單的CSS文檔,外部樣式表使你有能力同時改變網站中所有頁面配置的外觀。

由於允許同時控制多重頁面的樣式和布局,CSS可以稱得上WEB設計領域的一個突破。作為網站開發人員,你可以為每個HTML元素定義樣式,並將之應用於你希望的任意多的頁面。為了進行全域變換,只需簡單地改變樣式,然後網站中的所有元素均會被自動地升級。

多重樣式將層疊為一個

樣式表允許樣式資訊以多種方式被規定。樣式可以被規定於單個的HTML元素中,在HTML頁的頭元素中,或在一個外部的CSS檔案中。甚至多重的外部樣式表可以在一個單一的HTML文檔內部被引用。

層疊次序

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

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

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

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

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.