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

所属分类: 网页制作 / HTML/Xhtml 阅读数: 890
收藏 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;}
更多精彩内容其他人还在看

使select在选中/聚焦时列出所有选项目前比较好的处理方式

在页面上使用快捷键盘快捷定位到支付方式选择框(一个下拉列表)并进行选择,在网上找了些资料后,得出目前比较好的处理方式在此与大家分享下,希望对大家有所帮助
收藏 0 赞 0 分享

无需太多的代码利用超链接即可实现简单自定义漂亮复选框

html中的复选框可更改的样式有限,而且现在制作一个复选框需要写很多代码,下面为大家详细介绍下如何利用超链接实现简单自定义漂亮复选框,感兴趣的朋友不要错过
收藏 0 赞 0 分享

html base标签 target=_parent使用介绍

base标签为页面上的所有链接规定默认地址或默认目标,浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL,感兴趣的朋友可以参考下哈
收藏 0 赞 0 分享

a 中调用js的几种方法整理及使用推荐

在a 中调用js的方法有很多,下面为大家整理了一些常用的并给出了详细的使用介绍,各位可以根据自己的使用需求,自由选择,希望对各位有所帮助
收藏 0 赞 0 分享

html中css三种常见的样式选择器

这篇文章主要介绍了html中css的使用方法,一般用class与id实现样式的控制,不过jquery可以更好的控制,也是当前比较流行的js框架,推荐大家学习
收藏 0 赞 0 分享

浅析html 空格代码

今天小编就来小编就来跟大家说说什么是html空格代码?以及html空格的一些基本使用方法
收藏 0 赞 0 分享

如何实现框架窗口间的关联及超链接的target属性的使用

实现框架窗口的关联主要在于设置超链接的
收藏 0 赞 0 分享

html标签默认样式整理

文为大家整理了html标签默认样式属性及浏览器默认样式等等,喜欢css布局的朋友们可以学下,希望对大家有所帮助
收藏 0 赞 0 分享

HTML超出文本多行截取实现原理及代码

本文为大家介绍下HTML超出文本多行如何截取其实原理很简单通过子容器(p)与父容器(div)高度的比较根据正则表达式进行字符截取,直到两者相等为止
收藏 0 赞 0 分享

html之简单网页表格制作示例介绍

本文为大家介绍下html的网页元素的基本知识,以一个简单的网页表格示例为大家演示下,需要了解的朋友可以参考下哈
收藏 0 赞 0 分享
查看更多