一、a标签
a:visited:链接地址已被访问过
a:hover: 鼠标悬停在上面
a:active:被用户激活(在鼠标点击与释放之间发生的事件)
?问题一:# 跟### 区别?
<a href='#'>一个#</a>
<a href='###'>三个###</a>
<a href='#'>一个#</a>
<a href='###'>三个###</a>
a {...} 权重为1
a:visited 权重为11 (伪类为10+a的为1=11)
a:hover权重也为11
所以这样写的时候 后面会覆盖前面
|
四个伪类书写顺序:link--->visited--->hover--->active
(巧记:爱 love 恨 hate)
二、hack技术
_margin-left:10px; [针对IE6出现的双倍间距]
/*IE6*/ | _属性:属性值; |
/*IE7*/ | +属性:属性值; |
/*IE6-7*/ | *属性:属性值; |
/*IE6、7、8*/ | 属性:属性值\9; |
/*所有IE*
| 属性:属性值\0; |
不用hack原因:hack会让代码可读性大大下降,从而降低可维护性。此外hack本身就不存在可扩展性,只是在解决某些棘手问题才用。
cursor:hand; /*IE完全支持 FF不支持*/
cursor:pointer; /*IE6以前(不含IE6) 不支持*/
与a标签有关的属性:
text-decoration:underline; //下划线
color
font-weoght
三、半透明:
①语法:rgba(255,255,255,0.4)
最后一个透明度取值范围是:0 - 1,0代表全透明
②语法:opacity:number(0-1之间的数值)
opacity定义元素的不透明度
opacitty的值为1代表不透明,为0代表完全透明
③语法:filter:alpha(opacity=number);
number的取值为100-0之间的数值
因为IE不支持opacity,只支持自己的滤镜filter:alpha(opacity=50);
?问题二:png8在IE6下能透明, 怎么让png24在IE6下兼容?