IE6下网页制作参考 IE6 默认样式

所属分类: 网页制作 / HTML/Xhtml 阅读数: 860
收藏 0 赞 0 分享
这其实不是ie官方的文档,好像是别人经过实践搞出来的ie6的默认样式,这个对我们驯服ie6很有参考价值。你会从根本理解ie出现的那些bug的原因。不过可惜ie不像firefox哪样通过在地址栏输入命令来直接查看firefox的默认样式。
=======================================
INTERNET EXPLORER 6 DEFAULT STYLE SHEET
=======================================
****** HYPOTHETICAL *******************
This is a work in progress.
Values are purely indicative.
For any suggestion or addenda,
please
contact me.
[Back to CSS Test]
================================

/* Standard HTML elements
============================
Compare with the default style sheet
for HTML 4 (local copy).
These values may be affected by the
hasLayout property.
We will not take in account
the frame and frameset elements.
The table elements are not reviewed, due to
the lack of support for the corresponding
'display' values. */
The uncertain values are marked with '<' and '>'.

/* Block-level elements */
html, body,
div, p,
blockquote,
ul, ol, dl,
dt, dd, address,
form, fieldset,
frame, frameset,
h1, h2, h3, h4,
h5, h6, hr, pre {display: block;}
head {display: none;}
html {margin: 0;}
body {margin: 8px;}
div {margin: 0;}
p {margin: 1em 0;}
blockquote {margin: 1em 40px;}
ul {margin: 1em 0 1em 40px; list-style-type: disc;}
li {display: list-item;}
ol {margin: 1em 0 1em 40px; list-style-type: decimal;}
ul ul {margin: 0 0 0 40px; list-style-type: circle;}
ul ul ul {margin: 0 0 0 40px; list-style-type: square;}
dl {margin: 1em 0;}
dd {margin-left: 40px;}
address {margin: 1em 0; font-style: italic;}
form, fieldset {margin: 0;}
fieldset {border: 1px inset <sistem color>;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
/* the following font size and vertical values are purely indicative,
since they depend on the font size/family set on the
BODY element */
h1 {font-size: 2em; margin: .6em 0;}
h2 {font-size: 1.5em; margin: .8em 0;}
h3 {font-size: 1.1em; margin: 1em 0; }
h4 {font-size: 1em; margin: 1.3em 0;}
h5 {font-size: 0.8em; margin: 1.6em 0;}
h6 {font-size: 0.6em; margin: 2.3em 0;}
hr {border: 2px outset <sistem color>;}
pre {margin: 1em 0; font-family: monospace; white-space: pre;}


/* Inline elements */
a, i, cite, em, var, acronym,
tt, code, kdb, samp, del, ins,
u, dfn, sub, sup, big, small {display: inline; }
a:link {color: blue; text-decoration: underline; }
a:visited {color: purple; text-decoration: underline;}
i, cite, em, var {font-style: italic;}
tt, code, kbd, samp {font-family: monospace;}
del {text-decoration: line-through;}
u, ins {text-decoration: underline;}
sub {
vertical-align: sub;
font-size: smaller;
line-height: <value>;
} /* greater than 'normal' */
sup {
vertical-align: super;
font-size: smaller;
line-height: <value>;
} /* less than 'normal' */
big {font-size: larger;}
small {font-size: smaller;}
/* Replaced elements */
/* We will take in account only INPUT and TEXTAREA */
input, textarea {display: inline-block;}
更多精彩内容其他人还在看

disabled与readonly的作用及区别介绍

readonly是要锁定这个控件,disabled 和readonly有相同的地方也是可以锁定这个控件用户不能改变他的值,但是disabled的更彻底一些
收藏 0 赞 0 分享

使用vertical-align实现input和img对齐

img标签总是比input高出一个头,使用align=
收藏 0 赞 0 分享

HTML中head头结构

HTML head头部分的标签、元素有很多,涉及到浏览器对网页的渲染,搜索引擎SEO等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素。了解每个标签的意义,写出满足自己需求的head标签,十分重要。
收藏 0 赞 0 分享

关于type="file"的input框样式修改小结

表单中的input type=”file”在前端开发中经常会用到,但是很悲剧的是input type=”file”在各个浏览器下表现不统一,样式很难起作用;那么我们如何来处理这个问题呢,这就是我们今天讨论的主要内容了
收藏 0 赞 0 分享

关于IE8兼容:X-UA-Compatible属性的解释

这篇文章主要介绍了关于IE8兼容:X-UA-Compatible属性的解释,本文翻译自顶尖程序员问答社区StackOverFlow,需要的朋友可以参考下
收藏 0 赞 0 分享

html中的绝对路径URL和相对路径URL及子目录、父目录、根目录

绝对URL用于表示Internet中特定文件所需要的全部内容,相对URL只适合同名网页链接下的其他目录,下面为举例为大家介绍下子目录、父目录、根目录如何理解,对此有疑惑的朋友可以参考下
收藏 0 赞 0 分享

在js或css后加?v= 版本号不让浏览器缓存

客户端会缓存css或js文件,改变版本号,客户端浏览器就会重新下载新的js或css文件,在js或css后加?v= 版本号的用法如下
收藏 0 赞 0 分享

HTML的结束标签问题与w3c标准

html必须要有/html结束,才是一个完整的元素,除非它是一个自封闭标签,目前大多网站为了seo和多浏览器支持,都采用xhtml标准写法
收藏 0 赞 0 分享

在HTML里为FLASH加链接并兼容各大浏览器的方法

在HTML里为FLASH加链接,其中a标签是解决FF,Chrome,Opera等浏览器点击不跳转的问题,感兴趣的朋友可以了解下
收藏 0 赞 0 分享

今天遇到了很奇葩的li a的点击问题自己解决的

今天遇到了很奇葩的li a的点击问题,试了半天,终于找到了原因,于是就把.youkeli这个类加给了A,结果成功了,可以关闭了
收藏 0 赞 0 分享
查看更多