首頁 >web前端 >css教學 >css3跟css差別是什麼

css3跟css差別是什麼

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-07-14 09:59:293021瀏覽

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影片教學

以上是css3跟css差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn