css3跟css區(qū)別是:1、CSS3是CSS技術(shù)的升級(jí)版本,CSS是用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言;2、CSS3主要包括盒子模型、列表模塊等模塊,CSS可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動(dòng)態(tài)地對(duì)網(wǎng)頁各元素進(jìn)行格式化。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
一、指代不同
1、CSS3:是CSS(層疊樣式表)技術(shù)的升級(jí)版本,于1999年開始制訂,2001年5月23日W3C完成了CSS3的工作草案。
2、CSS:是一種用來表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集)等文件樣式的計(jì)算機(jī)語言。
二、內(nèi)容不同
1、CSS3:主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。
2、CSS:不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動(dòng)態(tài)地對(duì)網(wǎng)頁各元素進(jìn)行格式化。
三、特點(diǎn)不同
1、CSS3:新特征有很多,例如圓角效果、圖形化邊界、塊陰影與文字陰影、使用RGBA實(shí)現(xiàn)透明效果、漸變效果、使用@Font-Face實(shí)現(xiàn)定制字體、多背景圖、文字或圖像的變形處理(旋轉(zhuǎn)、縮放、傾斜、移動(dòng))、多欄布局、媒體查詢等。
2、CSS: 能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級(jí)精確控制,支持幾乎所有的字體字號(hào)樣式,擁有對(duì)網(wǎng)頁對(duì)象和模型樣式編輯的能力。
CSS和CSS3都是樣式,CSS3是在CSS上新增了樣式屬性。CSS3 是最新的 CSS 標(biāo)準(zhǔn)。css3比css多了一些樣式設(shè)置而已。 css3是向前兼容的,也就是說,css中有效的code在css3也有效。
CSS3新增特性:
CSS3圓角邊框:border-radius(解決了原有圓角邊框需要截圖的問題)
CSS3文本陰影與盒陰影:text-shadow、box-shadow(可以用于實(shí)現(xiàn)標(biāo)簽邊框或陰影)
CSS3背景尺寸、背景切割和背景原點(diǎn):background-clip background-origin background-size(移動(dòng)端用于處理背景圖適配問題)
CSS3變形 transform(二維變形以及三維特效)
CSS3動(dòng)畫 animation(實(shí)現(xiàn)復(fù)雜動(dòng)畫)
CSS3過渡 transition(實(shí)現(xiàn)簡(jiǎn)單動(dòng)畫)
CSS3 Media Query媒體查詢(主要用于實(shí)現(xiàn)響應(yīng)式布局)
推薦學(xué)習(xí):css視頻教程