最经常会用到的css开头样式声明

最经常会用到的css开头样式声明

总：

*{margin:0;padding:0;}
// 这个，最好不用通配符，可以使用群组选择器
a{text-decoration:none;}
img{vertical-align:middle;}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal;}
i,em{font-style:normal}
li{list-style:none;}

一、

*{margin:0;padding:0;}
/* 可以使用群组选择器，将页面这带有默认的padding、margin的标签取0 */

有默认margin和padding的标签：
1、h1~h6 有默认margin值 没有padding
2、p 有默认margin值 没有padding。
3、dl 有默认margin值 没有padding
4、ol,ul， 有默认margin值 没有padding
5、th,td 没有默认margin值 有padding
6、textarea：有默认margin值 有padding （margin:2px；padding:2px；）
7、form标签在Chrome,Firefox,Safari,Opera,Maxthon,IE8.0中没有默认的margin,padding值，但在IE6.0,7.0中有默认的margin：19px 0px;
8、select标签在Chrome,Safari,Maxthon中有默认的margin：2px；在Opera,Firefox,IE6.0,7.0,8.0没有默认的margin值。
9、option标签只有在firefox中有默认的padding-left：3px；

参考大神的，里面的会更详细

二、

a{text-decoration:none;}
/* 去除a标签下划线，可以再多加一个color字体颜色，按页面情况而定 */

三、

img{vertical-align:middle;}
/* 我喜欢用middle */

网页插入的图片总是多几个像素的白边，可以用这个方法去除，还有挺多方法的
例如:
1、img{vertical-align:middle / top / bottom;}
2、给父元素设置：font-size:0
3、img{display:block ; }
4、img{float:left / right}
5、父元素设置宽高，img使用 overflow:hidden；

四、

h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal;}
i,em{font-style:normal}
/* 经常会使用i、em、b、strong 来放一些小图标等，所有先把默认样式去除*/
li{list-style:none;}
/* 很少会用到自带的小点样式，有太多局限*/