ie和火狐对css的缩写都存在的问题

ie对于css的magin padding 等默认值为0px,但ff却不一样,为了保持外观的统一性,即使padding为0你也要写上,以免ff在浏览中的错位

第一
对css缩写的支持问题:不论是ie 还是ff对css的缩写都有一小点问题
比如:border: 0xp solid #fff;
两个浏览器支持都没有问题
但如果四个边的magin不同情况下,就不能用这种缩写了,无论是ie还是ff又会出现边界解释错误,而导致页面变形
正确缩写:
border-width:0px 1px 2px 3px;
border-style:solid;
border-color:#fff;
第二
是 ie对于css的magin padding 等默认值为0px,但ff却不一样,为了保持外观的统一性,即使padding为0你也要写上,以免ff在浏览中的错位。
第三
在IE里用body {text-align: center;}就可以居中对齐.到了firefox里总是在左边.但是如果加了float: right;还能到右边就是不能到中间..FF下面设置容器的左右外补丁为auto就可以了,如: margin:0 auto;
 

时间: 2024-10-10 11:47:08

ie和火狐对css的缩写都存在的问题的相关文章

CSS代码缩写技巧

css|技巧 Web网站可用性的关键指标是速度,更确切地说,是页面能以多快的速度出现在访问者的浏览器窗口里.影响速度的因素有很多种,包括Web服务器的速度.访问者的Internet连接情况,以及浏览器必须下载的文件大小.尽管你无法控制服务器和连接的速度,但是你可以控制构成网站Web页面的文件大小. 为了让网站能够更快,Web的建设者都会按常规地压缩和优化网站上的每一个图像文件,这常常使得为了将文件的大小减少几个百分点而牺牲了图像的质量.由于CSS样式表是纯文本文件,和图像相比相对较小,所以Web

CSS代码缩写技巧_CSS/HTML

Web网站可用性的关键指标是速度,更确切地说,是页面能以多快的速度出现在访问者的浏览器窗口里.影响速度的因素有很多种,包括Web服务器的速度.访问者的Internet连接情况,以及浏览器必须下载的文件大小.尽管你无法控制服务器和连接的速度,但是你可以控制构成网站Web页面的文件大小. 为了让网站能够更快,Web的建设者都会按常规地压缩和优化网站上的每一个图像文件,这常常使得为了将文件的大小减少几个百分点而牺牲了图像的质量.由于CSS样式表是纯文本文件,和图像相比相对较小,所以Web建设者很少考虑

JQ中click事件在ie上无效,火狐,谷歌,360都正常

问题描述 JQ中click事件在ie上无效,火狐,谷歌,360都正常 $('input:radio').bind("click", function () { // alert("11"); var cs = $(this).attr('class').toString(); var a = $(this).attr('id').toString(); var c = cs.substring(0, 4); // alert("22"); if

IE和火狐的css兼容性问题总结

CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和火狐浏览器存在很大的解析差异,这里介绍一下兼容要点. CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和火狐浏览器存在很大的解析差异,这里介绍一下兼容要点. 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-

CSS语法缩写规则

使用缩写可以帮助减少你CSS文件的大小,更加容易阅读. 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法:   property:value1; 表示所有边都是一个值value1: property:value1 value2; 表示top和bottom的值是value1,right和left的值是

CSS代码缩写精简实例

一些CSS属性允许使用一串值代替许多属性,值使用空格分开. margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等,形式像这样:property:top right bottom left;逆时针顺序. 所以下面的代码: p { border-top-width: 1px; border-right-width: 5px; border-bottom-width: 10px

Dreamweaver中设置CSS代码缩写及横排成一行的方法

学习css的朋友可能都遇到,下载下些大站的源代码查看,会发现它的每个样式内的属性代码都是横排的较多,但自己在DW里生成出来的都是一个属性占一行,整个页面好长呀!有什么办法让css像一些大站那样排成一行呢?答案很简单,看下面的图文就清楚了,不过这个功能是dreamweaver cs3新增的功能,以前的版本好像没有哟! 在DW CS3中的编辑--首选参数--代码格式,能看到一个css(s)...的按钮,点击这个按钮,在打开的窗口中可以根据自己的需要让css横排还是竖排了.哈哈,简单吧!设置过之后用代

Zen Coding css,html缩写替换大观 快速写出html,css_经验交流

阅读本文,先仔细阅读网站文章. Zen Coding 快速编写HTML/CSS代码的实现 复制代码 代码如下: E 元素名称(div, p); E#id 使用id的元素(div#content, p#intro, span#error); E.class 使用类的元素(div.header, p.error.critial). 你也 可以联合使用class和idID: div#content.column.width; E>N 子代元素(div>p, div#footer>p>sp

网页标准化:CSS代码缩写精简实例

一些CSS属性允许使用一串值代替许多属性,值使用空格分开. margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等,形式像这样:property:top right bottom left;逆时针顺序. 所以下面的代码: p { border-top-width: 1px; border-right-width: 5px; border-bottom-width: 10px