CSS (Cascading Style Sheet)
中文解釋：
層疊樣式表

功用：
使用CSS來決定網站內容的顏色、字型、排版、大小等顯示特性。
CSS (Cascading Style Sheet)
中文解釋：
層疊樣式表

功用：
使用CSS來決定網站內容的顏色、字型、排版、大小等顯示特性。

目的：
將檔案的結構（用HTML或其他相關的語言寫的）與檔案的顯示（CSS）分隔開來。

好處：
結構簡化-將網站內容的顯示特性獨立於CSS中、結構簡化，可讀性提高。

靈活管理-將一個整個網站或其中一部分網頁的顯示資訊被集中在一個地方，檔案的管理更加方便。

彈性運用-可以針對不同讀者、給予不同的樣式。 例如：有的讀者需要比較大的字體。

由於CSS3的規則尚未統一定義完成，每個瀏覽器會呈現不同的CSS屬性。
目前瀏覽器僅能支援部分CSS3效果，為避免顯示造成太大的落差或錯誤，
可在屬性前面貼上可辨識瀏覽器的字首，針對不同瀏覽器做顯示設定。

歸納最常使用的字首如下:

-webkit- WebKit系瀏覽器(Chrome、Safari私有屬性)
-moz- Gecko系瀏覽器(Mozilla、Firefox私有屬性)
-o- Opera瀏覽器-ms- IE瀏覽器私有屬性

例如:
設定一個div的class(樣式)名稱為"classname"
目的: 讓這個div可以變形效果-傾斜(transform:skew)

相關程式碼如下：HTML-
<div class="classname"></div>

CSS-
.classname
{
border:solid 1px #2d2d2d;
text-align:center;
background:#575757;
padding:100px 50px 100px 50px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
transform:skew(20deg);
-webkit-transform:skew(20deg);
-moz-transform:skew(20deg);
-o-transform:skew(20deg);
-ms-transform:skew(20deg);
}

範例檔案:
http://jsfiddle.net/iamya/S5Bee/