CSS使用笔记

1. span的height, width失效问题

 

 

 display: inline-block;

 

 

2. input上下对其的问题，使用image type的input经常会发生input和旁边的文字对不齐的went，解决方法：

 

 

vertical-align: middle;

 

3. 段落自动缩进

 

 

text-indent:2em;    

 

 

4. 背景图片超过预设的宽度，在浏览器缩小的时候发生移位和显示不完全的问题

 

 

body{ display:table; width:100%;}

 

 

5. 字间距

letter-spacing:2px;

 

6. IE判断

<!--[if IE 6]>

IE 6时运行脚本

<![endif]-->

<!--[if It IE 8]>

IE 8及其以下IE版本

<![endif]-->

 

7. span块之间去不掉的间距

如果把span设置成display，这个问题就会消失，但是，其实这个问题其实是因为span标签之间用了换行符之类的占了字符空间。

把在span外设置一个父层，父层的font-size：0px就行了。当然，还有一种方法，把span写在一行就是了。

 

8. 背景透明度

filter:alpha(opacity=40); //IE 6,7,8

-moz-opacity:0.4; //firefox

opacity:0.4; //css 3