CSS3常用功能的寫法

2022-08-26 02:45:06 字數 541 閱讀 9873

一、圓角(rounded corner)

圓角的實現比較簡單,只要設好乙個半徑值就可以了。但是目前所有的ie都不支援css圓角,要等到ie 9才行。

.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常用功能的寫法

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

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...