CSS是Cascading style Sheets的簡稱，中文譯作“層疊樣式表單”.
在網頁製作時採用CSS技術，可以有效地對頁面的佈局、字體、顏色、背景和其它效果實現更加精確的控制。
只要對相應的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數不同的網頁的外觀和格式。
它的作用可以達到：
(1)在幾乎所有的瀏覽器上都可以使用。
(2)以前一些非得通過圖片轉換實現的功能，現在只要用CSS就可以輕鬆實現，從而更快地下載頁面。
(3)使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目。
(4)你可以輕鬆地控制頁面的佈局 。
(5)你可以將許多網頁的風格格式同時更新，不用再一頁一頁地更新了。你可以將站點上所有的網頁風格都使用一個CSS文件進行控制，只要修改這個CSS文件中相應的行，那麼整個站點的所有頁面都會隨之發生變動。
不依賴圖片的視覺效果：CSS3包含了大量新特性，可以用來創建一些以前只能通過圖片(或腳本)才實現的視覺效果，比如圓角、陰影、半透明背景、漸變以及圖片邊框等。在這些新特性之中，多數是屬於"背景和邊框"(Backgrounds and Borders)模塊的，其餘的.則屬於"色彩和圖像"(Colors and Image Values)模塊。
盒容器變形：CSS3中還有一類視覺效果，讓我們可以在2D或者3D空間裏操作盒容器的位置和形狀，比如旋轉、縮放或者移動。這些特效稱爲變形，在"2D變形"(2D Transforms)和"3D變形"(3D Transforms)模塊中都有涉及。
獨一無二的字體："字體"(Font)模塊引入了@font-face規則，讓你能夠引入一個存放於服務器的字體文件，並使用該字體來顯示頁面中的文本，這就突破了以往只能使用用戶機器上的字體的限制，也使得頁面能呈現出更漂亮的頁面。
強大的選擇器：CSS3新增了十多個選擇器，大部分是僞類和屬性選擇器。你可用它們選取HTML結構中的特定片段而無需增加特定的ID或類，從而精簡代碼並使之更加不易出錯。這些選擇器都描述在"選擇器"(Selectors)模塊裏。
過渡與動畫：CSS3的過渡(transition)在其同名的模塊裏描述。它是一種簡單的動畫特效，可以平緩地呈現一個元素的樣式變化。例如，當用戶將鼠標懸停於按鈕之上時漸進且平滑地改變其顏色。更復雜的CSS3"動畫"(animation)特性也在其同名的模塊裏有相應描述，它能夠實現更復雜的樣式變化和元素位移，而不需要用到Flash或JavaScript。我們會在第5章討論過渡與動畫。
媒體信息查詢："媒體信息查詢"(Media Queries)模塊介紹瞭如何根據用戶的顯示終端或設備特徵來提供樣式，這些特徵包括屏幕的可視區域寬度、分辨率以及可顯示的色彩數等。媒體信息查詢是一款非常棒的專門針對移動設備來實現優化的工具。
多列布局：CSS3引入了幾個新模塊來幫助我們更方便地創建多列布局。"多列布局"(Multi-column Layout)模塊描述瞭如何像報紙佈局那樣把一個簡單的區塊拆分成多列，而"彈性盒容器佈局"(Flexible Box Layout)模塊則能夠讓區塊在水平或垂直方向上保持對齊，相對於浮動佈局或絕對定位佈局來說它顯得更爲靈活。此外還有"模板佈局"(Template Layout)和"網格定位"(Grid Positioning)的實驗性佈局模塊。
