什么是CSS3?
CSS3是CSS(層疊樣式表)技術的升級版本,于1999年開始制訂,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。
CSS演進的一個主要變化就是W3C決定將CSS3分成一系列模塊。瀏覽器廠商按CSS節奏快速創新,因此通過采用模塊方法,CSS3規范里的元素能以不同速度向前發展,因為不同的瀏覽器廠商只支持給定特性。但不同瀏覽器在不同時間支持不同特性,這也讓跨瀏覽器開發變得復雜。
CSS3原理同CSS,是在網頁中自定義樣式表的選擇符,然后在網頁中大量引用這些選擇符。
新增特性
CSS3的新特征有很多,例如圓角效果、圖形化邊界、塊陰影與文字陰影、使用RGBA實現透明效果、漸變效果、使用@Font-Face實現定制字體、多背景圖、文字或圖像的變形處理(旋轉、縮放、傾斜、移動)、多欄布局、媒體查詢等。
RGBA是RGB色彩模型的一個擴展。在本質上看也是為設置的元素增加了一個alpha通道,即除了紅綠藍三種顏色外還增加一個代表透明度的通道,其中RGB值分別表示紅色、綠色、藍色,而alpha取值則為0到1(小數位一位)。
background屬性
background-image:設置元素的背景圖像。background-origin:規定背景圖片的定位區域。background-size:規定背景圖片的尺寸。background-repeat:設置是否及如何重復背景圖像。
本文整合自 html中文網、DIVCSS5
責任編輯:fqj
-
CSS3
+關注
關注
0文章
9瀏覽量
3881
發布評論請先 登錄
相關推薦
Tailwind CSS v4.0發布首個Beta版本
![Tailwind <b class='flag-5'>CSS</b> v4.0發布首個Beta版本](https://file1.elecfans.com/web1/M00/F5/C7/wKgaoWdD2vqAIMQkAAAYNKTt-Cs869.png)
烏鎮亮點 Arm終端計算子系統 (CSS) 榮膺世界互聯網大會領先科技獎
![烏鎮亮點 Arm終端計算子系統 (<b class='flag-5'>CSS</b>) 榮膺世界互聯網大會領先科技獎](https://file1.elecfans.com/web1/M00/F5/7D/wKgZoWc9xEqAP17eAAAV0lOuS6c492.jpg)
Taro 鴻蒙技術內幕系列(二):如何讓 W3C 標準的 CSS跑在鴻蒙上
![Taro 鴻蒙技術內幕系列(二):如何讓 W<b class='flag-5'>3</b>C 標準的 <b class='flag-5'>CSS</b>跑在鴻蒙上](https://file1.elecfans.com//web1/M00/F4/03/wKgZoWci8VSAR5I_AAMoUb8Ux_U384.png)
研發都應該了解的如何在vite中接入現代化css工程化方案
Arm終端CSS革新,加速端側人工智能時代
Arm宣布推出終端計算子系統(CSS),提供領先的人工智能體驗
![Arm宣布推出終端計算子系統(<b class='flag-5'>CSS</b>),提供領先的人工智能體驗](https://file1.elecfans.com/web2/M00/EA/5A/wKgZomZX9AaAOm8OAAA0w2YHrEU461.png)
Arm推出AI優化的Arm終端CSS以及新的Arm Kleidi軟件
![Arm推出AI優化的Arm終端<b class='flag-5'>CSS</b>以及新的Arm Kleidi軟件](https://file1.elecfans.com/web2/M00/EA/5A/wKgZomZX9AaAOm8OAAA0w2YHrEU461.png)
芯海應用筆記:CSS34P16P(A)型應用說明文檔
Arm新Arm Neoverse計算子系統(CSS):Arm Neoverse CSS V3和Arm Neoverse CSS N3
![Arm新Arm Neoverse計算子系統(<b class='flag-5'>CSS</b>):Arm Neoverse <b class='flag-5'>CSS</b> V<b class='flag-5'>3</b>和Arm Neoverse <b class='flag-5'>CSS</b> N<b class='flag-5'>3</b>](https://file1.elecfans.com//web2/M00/D8/B8/wKgaomYo1pyAWmiUAAC0n-JZNkM304.jpg)
評論