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