写CSS的几个小技巧

.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; 清理子元素的浮动

多用组合,少用继承

待续......

原文地址:https://www.cnblogs.com/longze/p/2855298.html