1. 程式人生 > >十一、CSS3的其他重要樣式和屬性

十一、CSS3的其他重要樣式和屬性

用戶 作用 -o VG 尺寸 offset 不可 nta vertical

一、顏色相關樣式

1、利用alpha通道來設定顏色

2、alpha通道與opacity屬性的區別

3、指定顏色值為transparent(完全透明)

二、用戶界面的相關樣式

1、輪廓相關樣式

css2中的outline屬性,用來在元素的周圍繪制一條輪廓線,可以起到突出元素的作用。

css3中的out-offset屬性,在緊貼著邊框外圍繪制一條輪廓線。

2、resize屬性

它允許用戶通過拖放的方式來修改元素的尺寸:

none:用戶不能修改元素的尺寸

both:用戶可以修改元素的高度和寬度

horizontal:用戶可以修改元素的寬度,不可以修改高度

vertical:用戶可以修改元素的高度,不能修改元素的寬度

inherit:繼承父元素的resize屬性值

三、使用initial屬性值取消對元素的樣式指定

四、實現CSS3中的濾鏡特效

濾鏡特效是指在頁面被渲染之後在頁面中某個局部呈現的一些特殊的視覺效果。濾鏡特效來源於SVG標準。

prayscale(百分比):灰度濾鏡

sepia(百分比):為彩色圖像添加一層棕褐色色調

saturate(百分比):飽和度濾鏡

hue-rotate(角度值):所有顏色沿光環旋轉一個角度

invert(百分比):顏色翻轉濾鏡

opacity(百分比):透明度濾鏡

contrast(百分比):對比度濾鏡

blur(像素值單位的整數值):模糊濾鏡

drop-shadow():陰影濾鏡

十一、CSS3的其他重要樣式和屬性