ie 和 ff下样式差距

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;
}

ie 和 ff下样式差距,布布扣,bubuko.com

时间: 2024-10-13 02:04:17

ie 和 ff下样式差距的相关文章

JavaScript在IE和FF下的兼容性问题

久以来JavaScript兼容性一直是Web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 复制代码代码如下: 一.函数和方法差异:二.样式访问和设置:三.DOM方法及对象引用:四.事件处理:五.其他差异的兼容处理. 一.函数和方法差异 1. getYear()方法 [分析说明]先看一下以下代码: 复制代码代码如下: var year= new Date().getYea

js省市二级联动菜单,IE6,FF下测试通过

<html> <head> <meta http-equiv="Content-Language" content="zh-cn" /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>二级联动js,IE6,FF下测试通过</title> <s

js new Date(&#39;yyyy-MM-dd HH:mm:ss&#39;).getTime() 在IE、FF下为NaN的解决办法

今天在一个项目中要做一个倒计时的效果,自己js水平很一般,在网上找了段倒计时代码用了(如下): function CountDown(jqueryObj) { var day_elem = jqueryObj.find('.day'); var hour_elem = jqueryObj.find('.hour'); var minute_elem = jqueryObj.find('.minute'); var second_elem = jqueryObj.find('.second');

JS在IE和FF下attachEvent,addEventListener学习笔记(转)

对象名.addEventListener("事件名(不带ON)",函数名,true/false);(FF下) 对象名.attachEvent("事件名",函数名);(IE下) 说明:  事件名称,要注意的是"onclick"要改为"click","onblur"要改为"blur",也就是说事件名不要带"on". 函数名,记住不要跟括号最后一个参数是个布尔值,表示该事件

js在IE和FF下的兼容性问题

长久以来JavaScript兼容性一直是Web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一.函数和方法差异: 二.样式访问和设置: 三.DOM方法及对象引用: 四.事件处理: 五.其他差异的兼容处理. 一.函数和方法差异 1. getYear()方法 [分析说明]先看一下以下代码: [javascript] view plaincopy var year=new D

IE和FF下JS的不同点 收藏

一.document.formName.item("itemName") 问题 问题说明:IE下,可以使用 document.formName.item("itemName") 或 document.formName.elements ["elementName"]:Firefox 下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formNa

css基础样式重置,浏览器样式统一及IE下样式优化

/*样式重置*/ body,dl,dd,h1,h2,h3,h4,h5,h6,p,form{margin:0;} ul,ol{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{font-weight:400;} input:focus,button:focus{outline:none;} a:focus{outline:none;} /*基础样式*/ body{font-family:"Microsoft Yahei";color:#000;font-siz

firefox(ff)下无法显示bootstrap图标问题的解决方案

最近在一个基于bootstrap的项目中遇到了一个问题,问题的表现是无法显示bootstrap自带的那套名为“glyphicon”的图标,在图标的引用处显示的是一个小方块儿,里面隐约可见4个貌似为16进制的字符,如图所示:.好端端.现成儿的图标用不了,悲哀~ 但在chrome和IE 10下面则是可以正常显示的,说明这个问题并不是因为使用不当.相关文件存储位置错误而导致.而且,在另一个基于同样版本bootstrap的项目中则没有遇到这个问题,怪哉~~ 后在网上搜到了解决方案,在此分享以供各位遇到问

jQuery之修改li下样式和图片

<script type="text/javascript"> $(document).ready(function(){ $('li').click(function(){ /* 将所有li样式替换为cz(默认样式) */ $('li').removeClass('selected-cz'); $('li').addClass('cz'); /* 将选中的li样式更改为selected-cz */ $(this).removeClass('cz'); $(this).ad