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

所属分类: 网页制作 / HTML/Xhtml 阅读数: 782
收藏 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 a 链接标签title属性换行鼠标悬停提示内容的换行效果

a链接标签内title属性鼠标悬停提示内容有换行效果,该怎么实现呢?下面由两种不错的方法,大家不妨参考下,希望对大家有所帮助
收藏 0 赞 0 分享

在HTML中引入CSS的几种方式介绍

在HTML中,引入CSS的方法主要有行内式、内嵌式、导入式和链接式,下面针对这几种不同的引入方式给予了使用建议,比较迷惑的朋友可以参考下
收藏 0 赞 0 分享

html area图片热点的使用介绍附相关属性一览表

area标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面,具体使用如下,不会的朋友可以参考下
收藏 0 赞 0 分享

关于label和span设置width无效问题解决方法

大家可能不知道默认情况下label、span 设置width 是无效的,只有当display:block时,我们所设置的width才有效果,下面有个不错的示例,大家可以感受下
收藏 0 赞 0 分享

通过href简单实现点击a链接跳到页面中指定的地方

当点击a标签后,要使其跳到页面里面相应的地方,方法很简单,a标签里面href属性便可轻松做到,将href中的内容和你要跳到这个区域的id同名即可,需要的朋友可以参考下
收藏 0 赞 0 分享

HTML checkbox 点击说明文字即可选择/取消勾选状态

由于checkbox比较小用户操作起来不是很方便,下面就为大家实现下让用户点击说明文字时即可实现 选择/勾选 checkbox,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

按回车表单自动提交问题意外发现

在name输入框中 按回车时,表单就会提交。而且表单中没有submit按钮的,经搜索发现如果表单中只有一个文本框,那么按回车时,就会提交表单,感兴趣的朋友可以了解下
收藏 0 赞 0 分享

html中块注释的使用详细介绍

因为IE各版本的浏览器对我们制作的WEB标准的页面解释不一样,具体就是对CSS的解释不同,我们为了兼容这些,可运用条件注释来各自定义,最终达到兼容的目的。块注释的使用感兴趣的朋友可以参考下
收藏 0 赞 0 分享

HTML超出文本显示省略号...通过text-overflow实现

HTML超出文本显示省略号在一些新闻列表中还是比较常见的一种做法,其实很简单通过text-overflow便可实现,有需要的朋友可以参考下本文
收藏 0 赞 0 分享

DIV常用属性大全自己整理

div布局过程中会经常用到一些属性,本文整理了一些常用的和布局相关的属性,有需要的朋友可以参考下,希望对大家熟悉div常用属性有所帮助
收藏 0 赞 0 分享
查看更多