.class:hover div{} 鼠标移上外层元素,内层元素改变样式
_behavior: url(../resources/js/lib/csshover.htc); 解决IE6不支持非a标签的hover伪类
border-left-color: 还有这样不常见的属性定义
.selected,:hover{} 配合js实现鼠标移上和点击选中表现相同效果,而又互不干扰
background:url() center center; 背景设置一张宽一点的图,再加上padding实现自适应选中背景切换
选择器权重计算
A,B,C,D
A:内敛样式
B:id
C:class
D:标签
注:!importent比A权重高,*不提供权重
图像替换技术,为了对搜索引擎的友好和语义化标签的支持,通过以下CSS技巧实现图片替换技术
h1{
text-indent:-9999px;
height:140px;
background:url(...);
}
CSS选择器的浏览器支持速查表:http://labs.qianduan.net/css-selector/
overflow:auto; zoom:1; 清理子元素的浮动
多用组合,少用继承
待续......