CSS初級教程應用CSS_CSS教程

就如 HTML初級教程，CSS初級教程假設你對CSS一無所知。這個教程的目的是教授CSS的骨干元素──已經可以足夠讓你來開始學習了。CSS中級教程和CSS高級教程將探討CSS的更深層次。

CSS，或Cascading Styles Sheets，中譯層疊樣式表或級聯樣式表，是樣式化HTML的一種方法。HTML是文檔的內容，則樣式表是文檔的表現，或者說外觀。

無論聞起來還是嘗起來，樣式表一點都不像HTML。它們有著這樣的格式：“屬性：值(property: value)”，而且大部分屬性可以應用到HTML標簽中去。

有三條途徑可以把CSS應用到HTML中去。

內聯

內聯樣式通過style屬性直接套進HTML中去。

看起來像這樣：


這將會是指定的段落變成紅色。
我們的建議是，HTML應該是獨立的、樣式自由的文檔，所以內聯樣式無論在什么情況下都應該盡量避免。

內部

內部樣式服務于整個當前頁面。在頭標簽head里面，樣式標簽style里包含當前頁面的所有樣式。
看起來像這樣：


這將使這個頁面的所有段落都是紅色的，所有的連接都是藍色的。
與內聯樣式類似，你應該是HTML文檔和CSS文檔分離開來，下面，我們的救世來了……

外部

外部樣式為整個網站的多個頁面服務。這是一個獨立的CSS文檔，簡單的一個范例如下：


假如這個文檔存為“web.css”的話，它可以這樣跟HTML文檔連接起來：


在CSS高級教程中，我們還將看到其他連接外部樣式表的方法，但到目前，這已經足夠了。
想從本指南中收獲更多，嘗試著在你的文本編輯器中新建一個文檔，在HTML文檔相同的目錄中，把這些代碼保存為“web.css”。
現在像下面一樣改進你的HTML文檔：


保存HTML文檔。現在已經把HTML和CSS連接起來了，但還是空白一片，沒有改變什么東西。隨著進一步學習CSS初級教程，你可以增添或者改變CSS文檔，通過刷新瀏覽器里的HTML文檔，方便地看到效果，像我們以前做的一樣。