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

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

HTML中的文本框textarea标签

textarea 用来创建一个可以输入多行的文本框,此标志对用于form标志对之间,他还支持一些事件的处理
收藏 0 赞 0 分享

html代码文本框限制输入 文本框变灰色 限制文本框输入

这篇文章主要介绍了html代码文本框限制输入、文本框变灰色、限制文本框输入,需要的朋友可以参考下
收藏 0 赞 0 分享

拿什么来拯救你,我的table(海玉博客)

table被创造之初并非是用于布局,而是显示数据。舍弃table布局,并非舍弃table本身,下面分享下来自海玉博客的一篇文章,table布局是被滥用了
收藏 0 赞 0 分享

详解a href=#与 a href=javascript:void(0) 的区别

a href=# 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP,javascript:void(0) 点击链接后,页面不动,只打开链接,具体祥看本文
收藏 0 赞 0 分享

5个酷炫、实用的HTML标签和属性介绍

这篇文章主要介绍了5个酷炫、实用的HTML标签和属性介绍,所有标签的效果请点击运行代码查看,需要的朋友可以参考下
收藏 0 赞 0 分享

textarea布局时文字在左下边且不能改变大小尺寸的解决方法

textarea文本域左边的文字一直都是在textarea的左下边,看起来不美观;textarea文本域明明设置好的cols和rows但是还是能改变大小,以上这些问题,可以参考本文的解决方法
收藏 0 赞 0 分享

HTML blockquote 标签使用与美化

blockquote之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间
收藏 0 赞 0 分享

块级元素和内联元素及可变元素汇总

块元素又名块级元素,和其对应的是内联元素,都是html规范中的概念,内联元素其中文叫法有多种,如:内联元素、内嵌元素、行内元素、直进式元素等
收藏 0 赞 0 分享

用table表格来调整表单控件的格式让它好看一些

做一个添加设备的表单,结果因为前缀大小不一样,所以很难看,可以用表格来格式化一下,下面是具体的美化前与后的代码及截图,大家可以对比一下
收藏 0 赞 0 分享

select不支持双击dbclick事件

有关select不支持双击事件,下面有个示例,大家可以看看
收藏 0 赞 0 分享
查看更多