css标签

1 !important 样式优先，如果定义了ul li input样式，而里层又有另一个input的样式是有区  别的，这时如果定义里面的input的class这个标签和liput样式重复的定义是无效的这时候就  需要使用这个来解决的

2 有些层的布局不对,需要定义padding:0px;margin:0px;样式规范

3 display:inline;把一个段落强加到一行(sina邮箱)

4 line-height:检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离,调整字体的  上下位置

5 overflow:hidden:隐藏这个层一下的超过本层宽和高的部分

6 position: 定位，适合于图片组合使用，产生移动的效果 

 

7 cursor:pointer :用于定义a标签鼠标在上面的样式，这个在firfox和ie中都是定义的手形，而hand只是在ie中好用 

 

8 background:属性的用法：http://www.139qc.cn/bbs/thread-2527-1-1.html

   格式：background: #ffffff url(images/top-back.gif) repeat-x scroll 0px -50px;

9 font-style:oblique 设置字体倾斜 

 

10 绝对定位：如.class{position:absolute;top:20px;right:180px}是定位到父元素上方20像素，右侧180像素，但是如果父元素没有应用定位（即使用position定位，我们说一般没使用position定位的都是static移动这样的标签是没有作用的）那么这个元素就会相对于body元素定位

11 在html中的小标题使用th标签可以自动居中和加粗

 

12 list-style-type：li标签的预设标记，在脚本中的特性是 listStyleType

 

13 text-decoration：a标签下划线的显示

 

14 字体：font-family: font-family : Arial,"宋体",Helvetica,sans-serif;

 

15 将类型是text的input标签的属性增加一个border值，那么就可自定义这个text的边框

 

16 文字的上下居中使用line-height控制，脚本中的特性是lineHeight这个可以到css手册中查找

 

17 关于position定义的absolute和relative与z-index之间的关系：

    例如有四个div

   <div id="div1">div1</div>

   <div id="div2">div2</div>

   <div id="div3">div3</div>

   <div id="div4">div4</div>

   css如下:

   #div1,#div2,#div3,#div4{
       float:left;

   }

   如果四个div都是默认的position即relative的话 那么就会依次排列，如果div1和dive2是默认的

   #div3,#div4{
       position:absolute;

   }

   这样div1和div2是依次排列的，div3和div4是重叠在一起的，这时谁在上面就要看z-index的定义了

   #div3{
       z-index:3;

   }

   #div4{
       z-index:4;

   }

   那么div4就在div3上面，如果

   #div1,#div2,#div3,#div4{
      position:absolute;

  }

  那么这四个div就会重叠在一起了，如果#div3{position:relative;},那就是div3在最前面，其他的重叠在一起，这个例子可参见实例中的sina/index.html

 

18 透明度的设置：兼容的写法就是写多个

     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);  /* IE 透明度20% */
     -moz-opacity:.9;  /* Moz + FF 透明度20%*/
     opacity:0.9;       /* 支持CSS3的浏览器（FF 1.5也支持）透明度20%*/

 

19 a标签的各种属性

     a:hover,a:visited,a:link,a:active他们的含义分别是：鼠标放在连接上，链接被访问过，链接平常的状态，链接被按下的时候

 

20 在图片作为背景的时候使用background-postion定位的时候，图片是以坐标轴的形式定位的最左边，最上边的部分是坐标的原点0，0，向上是+，先下是-，向左是+，向右是-

 

21 要想使用z-index，元素必须是postion:absolute 定位

 

22 p{ font-size:10.5pt; text-indent: 21pt}text-indent的值为font-size的2倍，相当于缩进2个汉字

 

23 推荐的css书写顺序

http://basketballido.blog.163.com/blog/static/11659349020094132131791/

 

24 虚线

#aaa {border-top:1px dashed #cccccc;height: 1px;overflow:hidden;}