浏览器默认样式

浏览器默认样式  

2010-05-27 16:51:19|  分类： 默认分类 |  标签： |字号大中小 订阅

1、页边距
　IE默认为10px，通过body的margin属性设置。
　FF默认为8px,通过body的padding属性设置。
要清除页边距，一般应同时清除这两个属性值：
body{
padding:0; /* 清除非IE浏览器页边距 */
margin:0; /* 清除IE浏览器页边距 */
}

2、段间距
　IE默认为10px，通过p的margin-top、margin-bottom属性设置。
　FF默认为1.12em，通过p的margin-top、margin-bottom属性设置。
P元素默认为块状显示，要清除段间距，一般可以设置：
p{
margin-top:0; /* 清除上边界 */
margin-bottom:0; /* 清除下边界 */
}

3、标题样式
h1-h6默认加粗显示：font-weight:bold;。
默认字体大小如下，各大浏览器基本统一。
h1=font-size:xx-large;
h2=font-size:x-large;
h3=font-size:large;
h4=font-size:medium;
h5=font-size:small;
h6=font-size:x-small;
各大浏览器默认字体大小为16px，即等于medium。
h1-h6元素默认以块状显示，字体显示为粗体。要清除标题样式，一般可以设置：
hx{
font-weight:normal; /* 清除标题粗体样式 */
font-size:value; /* 清除标题的默认字体大小，定义为新的value值 */
}

4、列表样式
　IE默认为左缩进40px，通过ul、ol的margin属性设置。
　FF默认为左缩进40px，通过ul、ol的padding属性设置。
dl无缩进，但其内部的说明元素dd默认缩进40px，而名称元素dt没有缩进。要清除列表样式，一般可以设置：
ul,ol,dd{
list-style-type:none; /* 清除列表样式符号 */
margin-left:0; /* 清除IE 浏览器左边界，即列表项缩进 */
padding-left:0; /* 清除非IE 浏览器左边，即列表项缩进 */
}

5、元素居中
　IE默认为text-align:center;。
　FF默认为margin-left:auto;margin-right:auto;。

6、超链接样式
a 元素默认带有下划线，显示颜色为蓝色，被访问过的超级链接是紫色。要清除链接样式，一般可以设置：
a{
text-decoration:none;
color:#colorName;
}

7、鼠标样式
　IE默认为cursor:hand;。
　FF默认为cursor:pointer;。该声明在IE中也有效。

8、图片链接样式
　IE默认为紫色2像素的边框线。
　FF默认为蓝色2像素的边框线。
要清除图片链接样式，一般可以设置：
img{
border:0;
}