博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ie 和 ff下样式差距
阅读量:7191 次
发布时间:2019-06-29

本文共 1185 字,大约阅读时间需要 3 分钟。

IE和FF浏览器的默认样式

1.页边距

IE默认为10px,通过body的margin属性设置
FF默认为8px,通过body的padding属性设置
要清除页边距一定要清除这两个属性值
body {
??? margin:0;
??? padding:0;
}

2.段间距
IE默认为19px,通过p的margin-top属性设置
FF默认为1.12em,通过p的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;
}

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默认为紫色2px的边框线
FF默认为蓝色2px的边框线
要清除图片链接样式,一般可以设置
img {
??? border:0;
}

转载于:https://www.cnblogs.com/lctstruggle/p/3762602.html

你可能感兴趣的文章
JavaScript:关于"超长原型链"的解释
查看>>
[译]JavaScript中对象的属性
查看>>
vimmate
查看>>
Drupal 7 安装 TinyMCE。
查看>>
浅谈SQL SERVER中事务的ACID
查看>>
Android中的DownloadManager
查看>>
[服务器开发]可伸缩系统的设计模式(译)
查看>>
【短语学习】狮子那一份the lions share
查看>>
poj1011
查看>>
class和struct
查看>>
潇洒人生“二十贵”
查看>>
poj1269
查看>>
压缩、解压缩流GZipStream
查看>>
js编程思路--把相同功能的代码,配置放到一个对象里
查看>>
Oracle性能优化
查看>>
拖动缩放[转]
查看>>
ASP.NET MVC---自定义HtmlHelper方法
查看>>
javaweb入门(4)-- 详细了解http协议2
查看>>
POJ-3686 The Windy's 犀利构图+KM
查看>>
重新认识c++的cin、cout
查看>>