天天看點

css3新文法,css3新特性有哪些

CSS3的新特征有:1、圓角效果;2、圖形化邊界;3、塊陰影與文字陰影;4、使用RGBA實作透明效果;5、漸變效果;6、使用“@Font-Face”實作定制字型;7、多背景圖;8、文字或圖像的變形處理;9、多欄布局;10、媒體查詢等。

css3新文法,css3新特性有哪些

本文操作環境:Windows7系統,css3版,Dell G3電腦。

CSS3 是 CSS 的更新版本,這套新标準提供了更加豐富且實用的規範,如:盒子模型、清單子產品、超連結方式、語言子產品、背景和邊框、文字特效、多欄布局等等,目前有很多浏覽器已經相繼支援這項更新的規範,如:Firefox、Chrome、Safari、Opera 等等。在 Web 開發中采用 CSS3 技術将會顯著的美化我們的應用程式,提高使用者體驗,同時也能極大的提高程式的性能。本文将重點介紹一些比較絢麗且實用 CSS3 新特性。

一:CSS3選擇器

1.基本選擇器

2.屬性選擇器

3.僞類選擇器

二:CSS3邊框與圓角

1.CSS3圓角border-radius

2.盒陰影box-shadow

三:CSS3背景與漸變

1.CSS3背景

background-image

2.CSS3漸變

定義:可以在兩個或者多個指定顔色之間顯示平移的過渡

四:CSS3過渡

定義:允許css的屬性值在一定時間區間内平滑的過渡,在滑鼠點選,滑鼠滑過或對元素任何改變中觸發,并圓滑地以動畫形式改變css的屬性值。

五:CSS3變換

定義:讓一個元素在一個坐标系統中變形,這個屬性包含一系列的變形函數,可以移動,旋轉,縮放元素。

六:CSS3動畫

定義:使元素從一種樣式逐漸變化到另外一種樣式的效果。