什么是CSS？

CSS 是層疊樣式表 ( Cascading Style Sheets ) 的簡(jiǎn)稱(chēng)。

CSS 是一種標(biāo)記語(yǔ)言，屬于瀏覽器解釋型語(yǔ)言，可以直接由瀏覽器執(zhí)行，不需要編譯。

CSS 是用來(lái)表現(xiàn)HTML或XML的標(biāo)記語(yǔ)言。

CSS 是由W3C的CSS工作組發(fā)布推薦和維護(hù)的.

CSS 是編程入門(mén)人員的必修課，運(yùn)用CSS樣式可以讓頁(yè)面變得美觀。

CSS語(yǔ)法由三部分構(gòu)成：選擇器、屬性和值： selector {property: value}

CSS3和CSS有什么區(qū)別

CSS3 是最新的 CSS 標(biāo)準(zhǔn)。 CSS3是CSS（層疊樣式表）技術(shù)的升級(jí)版本，于1999年開(kāi)始制訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模塊、超鏈接方式、語(yǔ)言模塊、背景和邊框、文字特效、多欄布局等模塊  。

css3比css多了一些樣式設(shè)置而已。 css3是向前兼容的，也就是說(shuō)，css中有效的code在css3也有效。

一個(gè)css與css3都有效的code，如果瀏覽器不支持css3，那么只會(huì)以css的樣式顯示。最常見(jiàn)的就是圓弧角。
一個(gè)只在css3中有效的code，如果瀏覽器不支持css3，那么其顯示效果就不會(huì)出現(xiàn)。 css3和css，在編寫(xiě)code的時(shí)候，除了對(duì)一些css3中新出現(xiàn)的屬性設(shè)置，其它完全一樣。

CSS演進(jìn)的一個(gè)主要變化就是W3C決定將CSS3分成一系列模塊。瀏覽器廠(chǎng)商按CSS節(jié)奏快速創(chuàng)新，因此通過(guò)采用模塊方法，CSS3規(guī)范里的元素能以不同速度向前發(fā)展，因?yàn)椴煌臑g覽器廠(chǎng)商只支持給定特性。但不同瀏覽器在不同時(shí)間支持不同特性，這也讓跨瀏覽器開(kāi)發(fā)變得復(fù)雜 。

CSS3是CSS2的升級(jí)版本，3只是版本號(hào)，它在CSS2.1 的基礎(chǔ)上增加了很多強(qiáng)大的新功能，目前主瀏覽器 Chorme、Safari、Firefox、Opera、甚至360都已經(jīng)支持了CSS3大部分功能了，IE10以后也開(kāi)始全面支持CSS3了。

在編寫(xiě)CSS3樣式時(shí)，不同的瀏覽器可能需要不同的前綴。它表示該CSS屬性或規(guī)則尚未成為W3C標(biāo)準(zhǔn)的一部分。是瀏覽器的私有屬性雖然目前較新版本的瀏覽器都是不需要前綴的，但為了更好的向前兼容，前綴還是少不了的。
Chrome 和 Safari：-webkit
Firefox：-moz
IE：-ms
Opera：-o

CSS3能做什么？有哪些強(qiáng)大功能？

CSS3 把很多以前需要使用的圖片和腳本來(lái)實(shí)現(xiàn)的效果，甚至動(dòng)畫(huà)效果，現(xiàn)在只需要短短幾行代碼就能搞定。比如：圓角、圖片邊框、文字陰影和盒陰景、漸變、個(gè)性化字體、多圖片背景、變形處理（旋轉(zhuǎn)、縮放、傾斜、移動(dòng)）、過(guò)渡、動(dòng)畫(huà)、多欄布局、媒體查詢(xún)等。還有選擇器，簡(jiǎn)化了前端開(kāi)發(fā)工作人中山小欖的設(shè)計(jì)過(guò)程，加快頁(yè)面載入速度。

CSS3簡(jiǎn)化了前端開(kāi)發(fā)工作人員的設(shè)計(jì)過(guò)程，加快頁(yè)面載入速度。

CSS3都有哪些強(qiáng)大功能呢？各位小伙伴一起來(lái)看看吧！

CSS3最重要的模塊包括：

選擇器

框模型

背景和邊框

文本效果

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

動(dòng)畫(huà)

多列布局

用戶(hù)界面

CSS3新增屬性

box-shadow(陰影效果)

border-colors(為邊框設(shè)置多種顏色)

boder-image(圖片邊框)

text-shadow(文本陰影)

text-overflow(文本截?cái)?

border-radius(圓角邊框)

opacity(不透明度)

box-sizing(控制盒模型的組成模式):指定兩個(gè)boxes接壤

resize(元素縮放):指定一個(gè)div元素，允許用戶(hù)調(diào)整大小

outline(外邊框)

background-origin(指定背景圖片從哪里開(kāi)始顯示)

background-clip(指定背景圖片從什么位置開(kāi)始裁切)

background(為一個(gè)元素指定多個(gè)背景)