标签：z-index 右上角 hack efault size radius click 样式 googl
1.清除input边框蓝边: outline-style: none；
2.网站名/favicon.ico:这个地址能够找到所有网站的图标
例： www.jd.com/favicon.ico
3.font :
font：700 12px/12px “微软雅黑”;
加粗 大小/行高 字体格式； //红色必须有
4.去除下划线。删除线。 text-decoration： none；
5.文本框不能变大 resize: none;
6.去掉li标签前的小黑点 list-style :none
7.小技巧
S/del : 删除
U/ins ： 下划线
I/em : 倾斜
B/strong : 加粗
8.清除浮动
清除浮动的目的：就是为了解决子盒子浮动，父盒子高度为0的问题。
(1)clear:both;
(2)overflow: hidden ; (缺点： 超出部分，会被隐藏)
(3) 伪元素
.clearfix:after{
content:”“;
height:0;
overflow:hidden;
visibility:hidden;
display:block;
clear:both;
}
.clearfix{
zoom:1;//ie67
}
(4)双伪元素法
.clearfix:before, .clearfix:after{
content:"";
display:table;
}
.clearfix:after{
clear:both;
}
.clearfix{
zoom:1; //兼容ie6/7
}
9.css权限问题
!important > 行内样式 > id > class >标签
10.鼠标样式
cursor: pointer ; 变成小手。
cursor: text; 变成小手。
cursor: move; 变成小手。
cursor: default; 变成小白。
11.圆角矩形 border-radius
border-radius: 左上角 右上角 右下角 左下角；
12.Js控制a链接禁止跳转
<a href=”#”></a> <a href=”javascript:; ”></a> <a href=”javascript:void(0);” ></a>
13.透明
(1) opacity:0.5 缺点：盒子半透明，里面的内容也跟着半透明。
(2) rgba(0,0,0,0.5)或rgba(0,0,0,.5)
filter:alpha(opacity=50); //ie678
14.层级是只有定位之后才有的属性 z-index
定位 position
绝对定位：position：absolution
相对定位：position：relative
固定定位：position：fixed
默 认 值：position : static
定位：不一定不占位置。（relative:占位置的）
浮动：一定不占位置。他不会搞过定位。（absolute:不占位置)
15.hack
<!-- cc:ie6快捷键 --> <!--[if lte IE 6]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
标签：z-index 右上角 hack efault size radius click 样式 googl
原文地址：http://www.cnblogs.com/chenio/p/6110750.html
