css編譯語言
1. CSS是什麼
CSS（Cascading Style Sheet）可譯為「層疊樣式表」或「級聯樣式表」，它定義如何顯示 HTML 元素，用於控制Web頁面的外觀。
通過使用CSS實現頁面的內容與表現形式分離，極大提高了工作效率 。
樣式存儲在樣式表中，通常放在<head>部分或存儲在 外部CSS文件中。
作為網頁標准化設計的趨勢，CSS取得了瀏覽器廠商的廣泛支持，正越來越多的被應用到網頁設計中去。
CSS有各種版本（即Level），所以知道要使用哪個版本是很重要的。
CSS 1 在1996年末成為推薦標准，其中包含非常基本的屬性，比如字體，顏色、空白邊。
CSS2 在此基礎上添加了高級概念（比如浮動和定位）以及高級的選擇器（比如子選擇器、相鄰同胞選擇器和通用選擇器）。
在編寫本書時，CSS2仍然是CSS的最新版本，盡管它早在1998年就已經成為推薦標准。
萬維網聯盟（W3C）的行動非常緩慢，所以盡管CSS3的開發工作在新千年開始之前就開始了，但是距離最終的發布還有相當長的路要走，為提高開發和瀏覽器實現的速度，CSS3被分割成模塊，這些模塊可以獨立發布和實現。
CSS3包含一些令人興奮的新特性，包括一個用於多列布局的模塊，但是，選擇器模塊最接近於完成，可能在2006年成為推薦標准。
因為預期從CSS2到CSS3的發布之間時間會很長，2002年人們啟動了CSS2.1的開發。
這是CSS2的修訂版，它計劃糾正一些錯誤，並且更精確地描述CSS的瀏覽器實現。
CSS2.1正在逐漸接近完成，但是可能在2006年年底之前無法實現，然而，它更准確地反映了CSS當前的狀態。
層疊樣式表解決了一個普遍的問題
HTML 標簽原本被設計為用於定義文檔內容。
通過使用 <h1>、<p>、<table> 這樣的標簽，HTML 的初衷是表達「這是標題」、「這是段落」、「這是表格」之類的信息。
同時文檔布局由瀏覽器來完成，而不使用任何的格式化標簽。
由於兩種主要的瀏覽器（Netscape 和 Inter Explorer）不斷地將新的 HTML 標簽和屬性（比如字體標簽和顏色屬性）添加到 HTML 規范中，創建文檔內容清晰地獨立於文檔表現層的站點變得越來越困難。
為了解決這個問題，萬維網聯盟（W3C），這個非營利的標准化聯盟，肩負起了 HTML 標准化的使命，並在 HTML 4.0 之外創造出樣式（Style）。
所有的主流瀏覽器均支持層疊樣式表。
層疊式表的特點
1、便於頁面的修改。
2、便於頁面風格的統一。
3、減少網頁的體積。
層疊樣式表極大地提高了工作效率
樣式表定義如何顯示 HTML 元素，就像 HTML 3.2 的字體標簽和顏色屬性所起的作用那樣。
樣式通常保存在外部的 .css 文件中。
通過僅僅編輯一個簡單的 CSS 文檔，外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。
由於允許同時控制多重頁面的樣式和布局，CSS 可以稱得上 WEB 設計領域的一個突破。
作為網站開發者，你能夠為每個 HTML 元素定義樣式，並將之應用於你希望的任意多的頁面中。
如需進行全局的更新，只需簡單地改變樣式，然後網站中的所有元素均會自動地更新。
[1]
編輯本段CSS歷史
1994年哈坤·利提出了CSS的最初建議；伯特·波斯（Bert Bos）當時正在設計一個叫做Argo的瀏覽器，他們決定一起合作設計CSS。
當時已經有過一些關於樣式表語言的建議了，但CSS是第一個含有「層疊」的主意的。
在CSS中，一個文件的樣式可以從其他的樣式表中繼承下來。
讀者在有些地方可以使用他自己更喜歡的樣式，在其他地方去繼承，或「層疊」作者的樣式, 這種層疊的方式使作者和讀者都可以靈活地加入自己的設計，混合各人的愛好。
哈坤於1994年在芝加哥的一次會議上第一次提出了CSS的建議，1995年他與波斯一起再次提出這個建議。
當時W3C剛剛建立，W3C對CSS的發展很感興趣，它為此組織了一次討論會。
哈坤、波斯和其他一些人（比如微軟的托馬斯·雷爾登）是這個項目的主要技術負責人。
1996年底，CSS已經完成。
1996年12月CSS要求的第一版本被出版。
1997年初，W3C內組織了專門管CSS的工作組，其負責人是克里斯·里雷。
這個工作組開始討論第一版中沒有涉及到的問題，於是1998年5月出版了CSS的第二版。
到2007年為止，第三版還未完備。
編輯本段使用CSS布局的優點
採用CSS布局相對於傳統的TABLE網頁布局而具有以下3個顯著優勢：
1：表現和內容相分離
將設計部分剝離出來放在一個獨立樣式文件中，HTML文件中只存放文本信息。
這樣的頁面對搜索引擎更加友好。
2：提高頁面瀏覽速度
對於同一個頁面視覺效果，採用CSS布局的頁面容量要比TABLE編碼的頁面文件容量小得多，前者一般只有後者的1/2大小。
瀏覽器就不用去編譯大量冗長的標簽。
3：易於維護和改版
你只要簡單的修改幾個CSS文件就可以重新設計整個網站的頁面。
4: 使用CSS布局更符合現在的W3C標准.
ps：W3C組織並不是ISO 國際標准組織成員
編輯本段感性體驗CSS
什麼是CSS呢？你可能急迫的想知道答案。
但是空泛的文字描述意義不大，讓我們先來一點感性體驗吧。
是一個普普通通的網頁。
然而通過給這個文件添加的CSS規則，我們可以得到十分美觀的網頁。
這還不是全部，不改動HTML，只是通過添加不同的CSS規則，我們就可以得到各種不同樣式的網頁：
什麼是CSS
* CSS是Cascading Style Sheets(層疊樣式表)的簡稱. * CSS語言是一種標記語言,它不需要編譯,可以直接由瀏覽器解釋執行(屬於瀏覽器解釋型語言).
CSS的作用
* 在標准網頁設計中CSS負責網頁內容(XHTML)的表現. * CSS文件也可以說是一個文本文件,它包含了一些CSS標記,CSS文件必須使用css為文件名後綴. * 可以通過簡單的更改CSS文件,改變網頁的整體表現形式,可以減少我們的工作量,所以她是每一個網頁設計人員的必修課. * CSS是由W3C的CSS工作組產生和維護的。
為什麼叫層疊？ 在頁面顯示的過程中，有很多的樣式作用在頁面元素上，這些樣式來自不同的地方。
瀏覽器自己有默認的樣式，網頁作者有自己寫的樣式，用戶也可能有自己的樣式， 但是最終顯示的樣式是其中之一，它們之間產生了沖突，CSS通過一個稱為層疊（cascade）的過程處理這種沖突。
層疊給每個規則分配一個重要度：作者的樣式表被認為是最重要的，其次是用戶的樣式表，最後是瀏覽器或用戶代理使用的默認樣式表。
為了讓用戶有更多的控制能力，可以通過將任何規則指定為!important來提高它的重要度，讓它優先於任何規則，甚至優先於作者加上!important標志的規則。
因此，層疊採用以下重要度次序：標為!important的用戶樣式>標為!important的作者樣式>作者樣式>用戶樣式>瀏覽器/用戶代理應用的樣式。
然後，根據選擇器的特殊性決定規則的次序。
具有更特殊選擇器的規則優先於具有比較一般的選擇器的規則。
如果兩個規則的特殊性相同，那麼後定義的規則優先。
由此可見，層疊是指不同的優先順序的構成的層的疊加。
編輯本段如何將樣式表加入到網頁
可以用以下四種方式將樣式表加入您的網頁。
而最接近目標的樣式定義優先權越高。
高優先權樣式將繼承低優先權樣式的未重疊定義但覆蓋重疊的定義。
例外請參閱 !important 聲明。
定義內部樣式塊對象
你可以在你的HTML文檔的<HTML>和<BODY>標記之間插入一個<STYLE>...</STYLE>塊對象。
定義方式請參閱樣式表語法。
示例如下： <> <head> <title>文檔標題</title> <style type=text/css> <!-- body {font: 10pt "Arial"} h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon} h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue} p {font: 10pt/12pt "Arial"; color: black} --> </style> </head> <body> 正文內容 </body> </> 請注意，這里將style對象的type屬性設置為"text/css"，是允許不支持這類型的瀏覽器忽略樣式表單。
內聯定義 (Inline Styles)