css 心得

1.用position：absoult可以使文档流出
2.当想让两个区域a和b在一行的话，可以分别让a和b都float：left。
3.有时侯引起的不正常是由于两个div之间有空格引起的, 或者是由于margin，padding混淆用引起的。
4.当链接图片用position：relative来定位时，热点区域是很大的，要解决这一问题，采用position：absoult就可以了。
5.田字型布局:在ff里，ul和li都须加上float：left，而ie中则只在li里加上就可以了。
  分为左中右的菜单，将左中右包起来的标签必须定义高度，否则在firefox里，菜单的下面将紧贴着此菜单，而在ie里则定义不定义一个样。
6.span和li元素并不是块级元素，须加display：block，使它成为块级元素。并且不能忘了加上宽度。
7.如果将li变为块级元素，那么list-style将不起作用。
8.在firefox中，  <ul><li><a></a></li></ul>此结构，li里加背景图片，a里写文字，如果将padding值设定好，则背景图片就可以正常显示，但是在ie中，背景图片依赖于文字的行高，如果设定合适的行高，背景图片则可以正常显示，但如果a标签内是表单一类的，它就无法与a标签内是文字的图片在同一水平线上显示
9.<ul><li><span></span><a>hhhhhhhh</a></li></ul>中span里面是图片时，如果要想让hhhhhhhh和图片在同一行，应该将图片设为左浮动。
10.在定义css时，应首先定义：
*{
margin: 0;
padding:0;
}
ul{
list-style:none;
}
img{
border:0;
}
.clear{
clear:both;
}
body,p,th,td,input,select,textarea{
    font-size:12px;
    color:#111111;
}