CSS过滤器
1.alpha属性:
alpha属性用来设置透明度。
Filter: alpha (opacity=opacity, finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX,finishY=finishY)
opacity表示透明度等级(0~100)
finishopacity用来设置结束明的透明度
startX和startY表示渐变透明效果的开始坐标
finishX和finishY表示渐变透明效果的开始坐标
2.blur属性
blur属性用来设置模糊效果。
filter: blur(add=true、flase,direction,strength=strength)
add指定图片是否变成模糊效果
direction参数用来设置模糊的方向(0、45、90、135、180、225、270、315)
strength代表有多少像素的宽度将受到模糊影响(默认是5)
3.chroma属性
chroma属性设置一个对象中指定的颜色为透明色。
filter: chroma(color=color)
4.dropshadow属性
dropshadow属性用来添加对象的阴影效果。
filter: dropShadow(Color=color,Offx=offx,Offy=offy,Positive=positive)
Color表示投射阴影的颜色
Offx、Offy分别表示在X方向和Y方向阴影的偏移量(整数表示,正数X轴的右方向和Y轴的向上方向)
Positive:true表示为任何非透明像素建立可见的投影,false表示为透明的像素部分建立可见的投影
5.flipH、flipV属性
flipH表示水平翻转,flipV表示垂直翻转。
filter: flipH
filter: flipV
6.glow属性
glow属性让对象的边缘产生类似发光的效果。
filter: glow(Color=color,Strength=strength)
Color用来指定发光的颜色
Strength用来指定发光的强度(1~225)
7.gray属性
gray属性把一张图变成灰度图。
filter: gray
8.invert属性
invert属性可以把对象的可视化属性全部翻转,包括色彩、饱和度和亮度。
filter: invert
9.mask属性
mask属性为对象建立一个覆盖于表面的蒙版效果。
filter: mask(Color=颜色)
10.shadow属性
shadow属性可以在指定的方向建立物体的投影。
filter: shadow(Color=color,Direction=direction)
Color参数指定投影的颜色
Direction参数指定投影的方向
11.wave属性
wave属性用来设置波纹效果。
filter: wave(Add=True、False,Freq=频率,
相关文档:
一组嵌套选择器的实际特性可以计算出来。基本的,使用ID选择器的值是100,使用class选择器的值是10,每个html选择器的值是1。
它们加起来就可以计算出特性的值。
p的特性是1(一个html选择器)
div p的特性是2(两个html选择器)
.tree的特性是10(1个class选择器)
div p.tree的特性是1+1+10=12,(两个html选择器 ......
//css样式的书写
//元素ID
#tb1{width:100%;height:80px;background-color:#FFD700;padding:4px;font-family:verdana,tahoma;font-weight:bold;}
#tb2{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px
0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}
//类
.test{cursor:hand;
&nb ......
请看下面一段代码:
<HTML>
<HEAD>
<style>
#login {font-size:14px;color:blue;}//定义了一个ID
.left{FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=CENTER;}//定义了一个类
</style>
<TITLE>中国</TITLE>
<BODY>
<DIV STYLE="FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=RIGHT; ......
开发过Android应用的同学们都知道,Android工程-res-layout资源文件夹下存放着控制view布局的xml文件,我们可以同过getViewById(int i)方法,从XML中构造view及其子类,在这个过程当中,XML文件中的一切layout属性也将被赋予这个view。当然,我们也能够通过代码来为某一个view来设置layout,那是后话。通过对� ......
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.
一、CSS HACK
以下两种方法几乎能解决现今所有HACK.
1, !important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)
< ......