標籤：辛星 教程 html css 教學
CSS是Cascading Style Sheets的縮寫，即層疊樣式表，它用於表現HTML的樣式，即HTML只是去寫該網頁有哪些內容，至於如何去表現它們，由CSS去定製。
*************時代的呼喚*************
1.在之前，我們直接把網頁的格式寫到HTML中去，這樣會造成格式的混亂，而且難以閱讀和修改，不過這不是最大的問題，最大的問題在於我們想給網頁換一個表達樣式的時候，需要修改的地方不僅很多關鍵是非常零散，需要花費很大的力氣去定位這些樣式。
2.於是，把網頁內容與其表現形式相分離的想法就出現了，CSS能夠實現對網頁中的對象的精確控制，而且支援幾乎所有的字型字型大小樣式，還擁有對網頁對象和模型樣式進行編輯的能力，並且能夠進行一定的互動設計，因此功能還是比較強大的。
3.CSS的可讀性也很強，稍微熟悉一點英語的，也能夠很輕鬆的讀懂CSS代碼所要表述的意思，並且取修改它的樣式。
***********CSS的曆史*************
1.1996年12月17日，CSS1發布，1999年，此推薦被修訂。
2.1999年1月1日，CSS2發布，並且增加了對媒介和一些字型的支援。
3.2001年5月23日，CSS3發布，但是只是一項草案，並沒有成為W3C的推薦標準，W3C的推薦標準還是1998年5月12日退出的CSS2.
**************CSS快速入門*************
1.CSS的入門比HTML並不高多少，也是一句話入門，剩下的就是實戰了。
2.CSS的文法如下：
選取器{ 聲明1；聲明2；聲明3；.....聲明N}
3.這裡的聲明是以 “屬性:值”的形式，而且多個聲明之間用分號進行分割，即C語言的語句分隔字元。
4.這裡的屬性是我們希望設定的樣式屬性，至於具體的屬性，我們後面會說。
5.先看一個例子：
h1 {color:red; font-size:14px;}
這裡的h1就是選取器，當然這裡我們直接用標籤當做選取器了，後面的color屬性取值為red，而後面的font-size屬性取值為14個像素。
6.其中color：red就可以理解為一個聲明。
7.我們的CSS由多個這樣的規則群組成。
*************樣本*************
1.我們先寫一個HTML檔案，取名為”xin.html“，內容如下：
<html><head> <title>2014年辛星CSS教學夏季版</title> <link rel="stylesheet" type="text/css" href="my.css"></head><body> <p>辛星CSS，期待您的關注，分享知識，傳遞溫情</p></body></html>
2.可以從第四行代碼看出，它匯入了一個my.css檔案，然後我們在同一目錄下建立一個my.css檔案，書寫內容如下：
p{color: green;font-size: 14px;text-align: center;}
3.我們都儲存完畢之後，就可以雙擊開啟my.html檔案，發現文字都在中間並且是綠色的。
4.至此，我們大致理解了css的工作機理，下面我們開始深入css的細節處開始學習。
*************小結**************
1.我們理解了CSS的由來，以及我們示範了CSS的文法。
2.然後我們通過一個小型的例子，示範了CSS的大致使用方式。
2014年辛星解讀css第一節
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
