今天開始，認真學習前端技術，哈哈哈~~~加油~~~

推薦這本《CSS網站布局實錄》（第2版）給初級入門選手，雖然這本書年代有點久遠，不過很經典。

注明一下：這里講述的CSS均為CSS 2.0版本。

第一章 Web標準與CSS布局概述

1.1 Web標準的歷史及發展

1.1.1 Web標準

Web標準是由W3C(World Wide Web Consortium)和其他標準化組織制定的一套規范集合，包含一系列標準，包含了HTML、XHTML、JavaScript以及CSS等。

Web標準的目的在于創建一個統一的用于Web表現層的技術標準，以便通過不同瀏覽器或終端設備向最終用戶展示信息內容。

1.1.2 Web表現層技術

Web本身是由一套非常復雜的技術架構組成，但其最終目的是面向瀏覽器或應用程序的用戶，并為后者提供一個可視化的、便于操作的信息交互平臺。而表現層技術指的就是將信息展示給用戶并提供給用戶交互行為的技術。簡單理解為表現就是樣式，技術層面上是一堆程序代碼，而表現層帶帶來的是視覺上所看到的東西。

目前，由W3C制定的Web標準正是這樣一個表現層技術的集合，同時也是目前唯一的跨平臺跨客戶端的技術。

1.2 Web標準的構成

Web標準由三大部分組成的標準集：結構(Structure)、表現(Presentation)以及行為(Behavior)。

1.2.1 結構(Structure)

結構用來對網頁中用到的信息進行整理與分類。用于結構化設計的Web標準技術主要有這幾種：HTML、XML、XHTML。

1. HTML(Hyper Text Mark-up Language)超文本標記語言

這是Web最基本的描述語言。HTML文本是由HTML命令標簽組成的描述性文本，HTML標簽可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結構包括頭部(Head)、主體(Body)兩大部分。頭部描述瀏覽器所需的信息，主體包含所要展現的具體內容。

2. XML(The Extensible Markup Language)可擴展標記語言

XML最初設計的目的是為了彌補HTML的不足，以其強大的擴張性滿足網絡信息發布的需要，后來逐漸用于網絡數據的轉換及描述。

3. XHTML(The Extensible HypterText Markup Language)可擴展超文本標記語言

XHTML是更嚴謹更純凈的HTML版本。簡單來說，建立XHTML的目的就是實現HTML向XML的過渡。

1.2.2 表現(Presentation)

表現技術用于對已經被結構化的信息進行顯示上的控制，包含版式、顏色、大小等樣式控制。目前的Web展示中，用于表現的Web標準技術主要就是CSS技術。

CSS(Cascading Style Sheets)層疊樣式表
W3C創建CSS標準的目的是希望以CSS來描述整個頁面的布局設計，與HTML所負責的結構分開。使用CSS布局與XHTML所描述的信息結構相結合，能夠幫助設計師分離出表現與內容，使站點的構建及維護更加容易。

1.2.3 行為(Behavior)