簡介

CSS 即層疊樣式表（Cascading Stylesheet）。Web 開發(fā)中采用 CSS 技術(shù)，可以有效地控制頁面的布局、字體、顏色、背景和其它效果。只需要一些簡單的修改，就可以改變網(wǎng)頁的外觀和格式。CSS3 是 CSS 的升級版本，這套新標(biāo)準(zhǔn)提供了更加豐富且實(shí)用的規(guī)范，如：盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等等，目前有很多瀏覽器已經(jīng)相繼支持這項(xiàng)升級的規(guī)范，如：Firefox、Chrome、Safari、Opera 等等。在 Web 開發(fā)中采用 CSS3 技術(shù)將會(huì)顯著的美化我們的應(yīng)用程序，提高用戶體驗(yàn)，同時(shí)也能極大的提高程序的性能。

CSS3已完全向后兼容，所以你就不必改變現(xiàn)有的設(shè)計(jì)。瀏覽器將永遠(yuǎn)支持CSS2。

CSS3 模塊

CSS3被拆分為"模塊"。舊規(guī)范已拆分成小塊，還增加了新的。

一些最重要CSS3模塊如下：

選擇器

盒模型

背景和邊框

文字特效

2D/3D轉(zhuǎn)換

動(dòng)畫

多列布局

用戶界面

列舉一些新的特性：

邊框

border-color 屬性
boder-image 屬性
border-radius 屬性
box-shadow 屬性

背景

background-origin 屬性和 background-clip 屬性
background-size 屬性
多重背景

顏色

HSL 顏色值
HSLA 顏色值
opacity 屬性
RGBA 顏色值

文字效果

text-shadow 屬性
text-overflow 屬性
word-wrap 屬性

用戶界面

box-sizing 屬性
resize 屬性
outline 屬性
nav-top、nav-right、nav-bottom、nav-left 屬性

選擇器

屬性(attribute)選擇器

基本盒模型

overflow-x 屬性和 overflow-y 屬性

生成的內(nèi)容

content 屬性

其它模塊

media queries 模塊
multi-column layout 模塊
Web 字體模塊
Speech 模塊