HTML 樣式- CSS CSS（Cascading Style Sheet）可譯為“層疊樣式表”或“級聯樣式表”，它定義如何顯示 HTML 元素，用于控制Web頁面的外觀。通過使用CSS實現頁面的內容與表現形式分離，極大提高了工作效率 。樣式存儲在樣式表中，通常放在<head>部分或存儲在 外部CSS文件中。作為網頁標準化設計的趨勢，CSS取得了瀏覽器廠商的廣泛支持，正越來越多的被應用到網頁設計中去。
網頁現在的新標準是W3C。目前的模式是html+css+javascript，如何理解呢，就是html是網頁的結構，CSS是網頁的樣式，javascript是行為。結構就是蓋房子先要把結構建出來，然后用CSS來裝飾。其實你在用dreamweaver做網頁時就已經用到了CSS，比如你用DW的屬性面板來設置一個字的字體、顏色和大小，當你選好后，就會自動生成一個.style1的紅色代碼，在<style></style>之間不知道你注意過沒有，這就是CSS。
CSS (Cascading Style Sheets) 用于渲染HTML元素標簽的樣式.
Look! Styles and colors Manipulate Text
Colors, Boxes
and more...
嘗試一下 ?
嘗試一下 - 實例 HTML使用樣式
本例演示如何使用樣式屬性做一個沒有下劃線的鏈接。
鏈接到一個外部樣式表
如何使用CSS CSS 是在 HTML 4 開始使用的,是為了更好的渲染HTML元素而引入的.
CSS 可以通過以下方式添加到HTML中:
內聯樣式- 在HTML元素中使用"style" 屬性 內部樣式表 -在HTML文檔頭部 <head> 區域使用<style> 元素 來包含CSS 外部引用 - 使用外部 CSS 文件 最好的方式是通過外部引用CSS文件.
在本站的HTML教程中我們使用了內聯CSS樣式來介紹實例，這是為了簡化的例子，也使得你能更容易在線編輯代碼并在線運行實例。
你可以通過本站的CSS教程 CSS 教程 學習更多的CSS知識.
內聯樣式 當特殊的樣式需要應用到個別元素時，就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示出如何改變段落的顏色和左外邊距。
<p style="color:blue;margin-left:20px;">This is a paragraph.</p>
學習更多樣式，請訪問 CSS 教程 .
HTML樣式實例 - 背景顏色 背景色屬性（background-color）定義一個元素的背景顏色：
Example <!DOCTYPE html>
<html>
<body style="background-color:yellow;">
<h2 style="background-color:red;">This is a heading</h2>
<p style="background-color:green;">This is a paragraph.</p>
</body>
</html>
嘗試一下 ? 早期背景色屬性（background-color）是使用 bgcolor 屬性定義。
嘗試一下: 舊版HTML來設置背景方式
HTML 樣式實例 - 字體, 字體顏色 ，字體大小 我們可以使用font-family（字體），color（顏色），和font-size（字體大小）屬性來定義字體的樣式:
實例 <!DOCTYPE html>
<html>
<body>
<h1 style="font-family:verdana;">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>
嘗試一下 ? 現在通常使用font-family（字體），color（顏色），和font-size（字體大小）屬性來定義文本樣式，而不是使用<font>標簽。
HTML 樣式實例 - 文本對齊方式 使用 text-align（文字對齊）屬性指定文本的水平與垂直對齊方式：
實例 <!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center;">Center-aligned heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
嘗試一下 ? 文本對齊屬性 text-align取代了舊標簽 <center> 。
嘗試一下
內部樣式表 當單個文件需要特別樣式時，就可以使用內部樣式表。你可以在<head> 部分通過 <style>標簽定義內部樣式表:
<head>
外部樣式表 當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過更改一個文件來改變整個站點的外觀。
<head>
HTML 樣式標簽 已棄用的標簽和屬性 在HTML 4, 原來支持定義HTML元素樣式的標簽和屬性已被棄用。這些標簽將不支持新版本的HTML標簽。
不建議使用的標簽有: <font>, <center>, <strike>
不建議使用的屬性: color 和 bgcolor.
1、《CSS那些事兒》
本書專注于CSS技巧實例的講解，由淺入深地分析了CSS樣式在布局時所需要理解的原理。繞開隨處可見的基礎知識、網絡中能隨意搜索到的hack技巧，側重原理分析，拓展讀者使用CSS布局的思維方式，通過本書的閱讀讀者將會了解到使用CSS布局的強大功能。
全書以傳達CSS布局思維為中心，通過頁面中的文字、圖片、表格、表單等常見元素的處理及各種頁面布局方式的使用，使讀者能深入了解到如何在頁面中更好地運用CSS布局。尤其是在頁面布局的部分中，全面分析了多種布局方式，著重分解了兩列等高和三列等高的幾種方式，并相應說明了等高布局的優缺點。
無論是CSS布局的初學者還是具有一定水準的讀者，閱讀本書之后將會發現，原來CSS樣式居然是這么好玩的東西。本書適合網站開發人員、網頁設計人員參考學習，同時也適合作為相關培訓機構的教材。
2、《Head First HTML and CSS 2nd Edition》
《Head First HTML5》
這兩本應該都有翻譯，但是建議看原版
3、《Eric Meyer談CSS》（上下冊）
《Eric Meyer談CSS(卷1)》融匯了世界級專家Eric Meyer極富價值的CSS實戰經驗，運用13個典型實際項目，采取手把手的方式來指導讀者如何使用CSS來解決實際問題。項目包括轉換現有網頁、設置新聞網頁的樣式、設置日歷樣式、設置菜單樣式、創建打印樣式多列布局等。
4、《 CSS禪意花園》
這本書的作者是世界著名的網站設計師，書中的范例來自網站設計領域最著名的網站——CSS Zen Garden（CSS禪意花園）。全書分為兩個主要部分。第1章為第一部分，討論網站“CSS禪意花同”及其最基本的主題，包含正確的標記結構和靈活性規劃等。第二部分包括6章，占據了書中的大部分篇幅。
每章剖析“CSS禪意花園”收錄的6件設計作品，這些作品圍繞一個主要的設計概念展開，如文字的使用等。通過探索36件設計作品面臨的挑戰和解決的問題，讀者將洞悉主要的Web設計原則以及它們運用的CSS布局技巧，理解CSS設計的精髓，恰當地處理圖形和字體來創建界面優美、性能優良且具有強大生命力的網站。
5、《 精通HTML 》
本書深入地探討了(X)HTML及相關技術包括CSS、微格式、語義網等，重點闡述了如何在恰當的時候使用恰當的標簽，全書始終貫徹現代的Web設計理念，從而使讀者可以學習如何充分利用各種標記提供的多樣性，創建語義豐富和結構合理的網站。
本書適合具備初步HTML和CSS知識的Web設計開發人員閱讀。
6、《精通CSS:高級Web標準解決方案》
本書將最有用的CSS技術匯總在一起，在介紹基本的CSS概念和最佳實踐之后，討論了核心的CSS技術，例如圖像、鏈接、列表操縱、表單設計、數據表格設計以及純CSS布局。每一章內容由淺入深，直到建立比較復雜的示例。之后本書用兩章討論招數、過濾器、bug和bug修復，最后由Simon Collison和Cameron Moll兩位杰出的CSS設計人員，將書中討論的許多技術組合起來，給出了兩個實例研究。本書還集中介紹了現實的瀏覽器問題，是彌補CSS知識欠缺不可或缺的參考書。
本書適合具有(X)HTML和CSS基本知識的任何網頁設計人員閱讀。
7、《深入淺出html》
本書是一部講述現代web標準的優秀教程，徹底摒棄了過時的內容，始終貫徹三層分離的思想。書中結合實例講述如何使用html、css設計符合現代web標準的網頁，并講解了如何使用javascript添加動態行為。書中的主體部分讓讀者接觸html、xhtml的各種主題，逐漸熟悉各種元素。最后一章將書中講述的各種技術付諸應用，帶領讀者一步步地創建一個實用的網站。
8、《CSS權威指南》（第3版）
你是否既想獲得豐富復雜的網頁樣式，同時又想節省時間和精力？本書為你展示了如何遵循CSS最新規范（CSS2和CSS2.1）將層疊樣式表的方方面面應用于實踐。
9、《網站重構》（第3版）
《網站重構:應用Web標準進行設計(第3版)》內容簡介：暢銷書作家、設計師、網頁標準教父jeffrey zeldman再次更新了他經典的、顛覆行業的指南書。這已經是《網站重構:應用Web標準進行設計(第3版)》的第3版了,此次更新基本涵蓋了隨著環境和技術的變化,web標準所面臨的挑戰以及因此而發生的改善。第3版讓基于標準的設計思想更加清晰,更加易于理解,幫助你在這個領域中保持聰明和領先。
10、《html+css+js網頁制作從入門到精通》
《HTML\CSS\JavaScript網頁制作從入門到精通》共分為18章和4個附錄，重點介紹使用HTML進行網頁制作的方方面面，同時講解了目前流行的Web標準與CSS網頁布局實例，以及基于JavaScript語言的網頁特效制作。為了便于讀者學習，附錄中匯集了經過作者精心整理的網頁制作技巧60多例。
