CSS的概述

說明：本次演示程式碼用內嵌樣式進行演示，外鏈樣式只是匯入css檔案，在css檔案中我們的寫法是相同的，只是對html中的元素直接利用id、class等方式進行呼叫，不用寫<style></style>標籤，只需要style標籤中的內容即可。

Htrml語言只是定義網頁的標記的組成結構,它沒法去讓瀏覽器能夠更加良好的顯示我們的網頁內容,這個時候就急需一個能夠整個網頁進行佈局,進行字型,顏色,圖片,背景等內容做一個更加精佳的控制,那麼這個技術就是CSS，CSS最大的好處:可以將網頁中的結構和表現分離。

隨著網際網路行業的不斷髮展，沒有CSS的時代，僅用HTML來完成網頁的整體控制，在當下已經不能滿足網頁的需求，因為它有以下缺點：
1. 網頁維護的代價太大，當網頁中既有HTML標籤，又針對HTML標籤直接書寫舒自的屬性，開發時需要花大量時間，維護時同樣也需要花費大的時間，到達網站開發維護的後期，成本只會越來越高；
2. .標籤不足,，HTML本身來說標籤就不是特別的多，很多標籤都是為了網頁內容服務的，而對於網頁內容的格式控制的標籤(首行縮排，文字間距，段落縮排)幾乎沒有。
3. 網頁過於臃腫，每個程式設計師針對網頁都有自己的寫法，沒有一個統一的規範，所以往往HTML頁面體積非常的龐大。
4. 定位非常困難，維護的時候，當HTML體積非常龐大以後，如果要定義一個標籤,或者說定義一個屬性是非常困難的。

而CSS剛好解決上述的問題。
Css ( Cascading Style Sheet )層疊樣式表，它的檔案字尾名一般是·css。Css一種用來控制或增強網頁樣式,並允許將網頁結構和網頁表現分離的一種標記語言。

引入CSS的目的:在於將網頁結構和網頁表現分離。

css的發展史

96年，w3c制定釋出了第一個css1.0（層疊樣式表）版本，該版本在99年的時候，有過一次修正，該版本主要它提供了一些簡單的樣式表機制，讓程式設計師可以通過style這些標籤，或者是標籤上面的某些屬性針對標籤內容進行控制。

98年5月份，w3c又釋出了第二個css2.0（層疊樣式表）版本，該版本在包含1.0的版本基礎上，擴充套件了並改進了很多更強大的屬性，css2.0支援多媒體樣式表，可以讓程式設計師根據不同的輸出裝置給網頁文件指定不同的層疊樣式表。

2001年5月份，w3c釋出了第三個css3.0（層疊樣式表）版本，css3.0開始遵循模組化開發，該標準將整個網頁系統劃分為很多的相互獨立的子模組，然後讓程式設計師根據不同的模組進行開發與設計對應的層疊樣式表，用來減少css檔案的體積。