CSS 教程

CSS教程簡介

本教程主要描述如何通過CSS來大大提升網頁開發的工作效率！在我們的 CSS 教程中，您會學到如何使用 CSS 同時控制多重網頁的樣式和布局。

本 CSS 教程包含了數百個CSS在線實例，通過本站的在線編輯器，你可以在線編輯CSS,并且可以在線查看修改后的效果。

溫馨提示：如果您想通過邊學邊練的方式學習CSS，那么請您移步CSS微課！

如果您覺得CSS的學習難度較高，不易理解，建議您采用視頻教程進行學習：CSS視頻課程

學完本教程之后，W3Cschool推薦您進行實戰練習：CSS實戰

CSS教程章節簡介

本教程通過css基礎教程、響應式設計原理及大量css實例讓您更全面的學習css的相關知識

1.  css教程
2.  css響應式設計
3.  css實例

什么是CSS？

1. CSS 是層疊樣式表 ( Cascading Style Sheets ) 的簡稱。
2. CSS 是一種標記語言，屬于瀏覽器解釋型語言，可以直接由瀏覽器執行，不需要編譯。
3. CSS 是用來表現HTML或XML的標記語言。
4. CSS 是由W3C的CSS工作組發布推薦和維護的.
5. CSS 是編程入門人員的必修課，運用CSS樣式可以讓頁面變得美觀。
6. CSS語法由三部分構成：選擇器、屬性和值： selector {property: value}

使用CSS的優勢

內容與表現分離，有了CSS，網頁的內容(XHTML)與表現就可以分開了。

使用CSS可以減少網頁的代碼量，增加網頁的瀏覽速度。

如何使用CSS？

有三種方法可以在站點網頁上使用樣式表：

1. 外聯式Linking（也叫外部樣式）：將網頁鏈接到外部樣式表。
2. 嵌入式Embedding（也叫內頁樣式）：在網頁上創建嵌入的樣式表。
3. 內聯式Inline（也叫行內樣式）：應用內嵌樣式到各個網頁元素。

其中，優先級：內聯式 > 嵌入式 > 外聯式

CSS官方信息

• 類    型:  計算機語言  
• 作    者:  w3c組織
• CSS官網:  http://www.w3.org/Style/CSS/
• CSSAPI文檔:  http://www.realmoneymillionaire.com/cssref

CSS在線工具

1. 在線CSS Lint(CSS代碼優化)工具：http://www.realmoneymillionaire.com/tools/index?name=csslint
2. 在線CSS代碼壓縮、格式化工具：http://www.realmoneymillionaire.com/tools/index?name=cssbeauty
3. 校驗CSS的正確性：http://jigsaw.w3.org/css-validator/

在學習CSS的同時，你可以了解的知識

• 《HTML教程》
• 《Javascript教程》
• 《Jquery教程》
• 《AJAX教程》

CSS相關教程

• 《CSS 入門教程》

• 《CSS 參考手冊》