最经常会用到的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;}
/* 很少会用到自带的小点样式,有太多局限*/