CSS3常用功能的寫法

2022-09-01 09:27:14 字數 699 閱讀 4917

日期: 2023年3月15日

隨著瀏覽器的公升級,css3已經可以投入實際應用了。

但是,不同的瀏覽器有不同的css3實現,相容性是乙個大問題。上週的ydn介紹了css3 please**,該**總結了一些常用功能的寫法。

以下就是這些寫法的詳細介紹。所有**都經過了firefox 3.6和ie 8.0的驗證,原文的錯誤之處也已得到改正。

一、圓角(rounded corner)

.box_round

-moz-box-shadow、-webkit-box-shadow和box-shadow的設定是一樣的,都有4個引數,含義分別為:x軸偏移值、y軸偏移值、陰影的模糊度、以及陰影顏色。

ie 6~8使用其獨有的濾鏡,需要設定三個引數:offx(x軸偏移值)、offy(y軸偏移值)、color(陰影顏色)。

三、線性漸變(gradient)

.box_gradient

需要注意的是,字型檔案必須與網頁檔案來自同乙個網域名稱,符合瀏覽器的"同源政策"。另外,由於中文字庫案太大,伺服器端字型顯然只適用於英文本型。

七、其他

利用css3,還可以完成transform(變形),包括skew(扭曲)和scale(縮放),以及css transitions(動態變換)。這些內容待以後再補充。

(完)

CSS3常用功能的寫法

隨著瀏覽器的公升級,css3已經可以投入實際應用了。但是,不同的瀏覽器有不同的css3實現,相容性是乙個大問題。上週的ydn介紹了css3 please 該 總結了一些常用功能的寫法。以下就是這些寫法的詳細介紹。所有 都經過了firefox 3.6和ie 8.0的驗證,原文的錯誤之處也已得到改正。一...

CSS3常用功能的寫法

一 圓角 rounded corner 圓角的實現比較簡單,只要設好乙個半徑值就可以了。但是目前所有的ie都不支援css圓角,要等到ie 9才行。box round moz box shadow webkit box shadow和box shadow的設定是一樣的,都有4個引數,含義分別為 x軸偏...

css3 顏色的寫法

color name color red rgb color rgb red,green,blue 這三種顏色混合到一起生成各種各樣的顏色 如果3個都是0,則是黑色,取值範圍為0 255 color rgb 255,0,0 rgba alpha,透明度,取值0 1 color rgba red,gr...