css一些样式

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]-->