SUNThink 三思http://www.sunthink.org/{思考前端;思考用户体验;思考互联网;}RainbowSoft Studio Z-Blog 1.8 Arwen Build 90619zh-CN回到首页 前端 用户体验 互联网 三思集 兵器谱 相册 标签云 搜索 给我留言 M 回到顶部↑Copyright SUNThink.org 三思 Rights Reserved. 本blog服务器空间由 河南371网络服务专家 极速支持 豫ICP备09034799号 Sun, 27 Nov 2011 13:39:09 +0800前田约翰《简单法则》345411190@qq.com (admin)http://www.sunthink.org/post/29.htmlTue, 02 Aug 2011 13:50:17 +0800http://www.sunthink.org/post/29.html        感谢木小乐送我 前田约翰的《简单法则》，看了几章很有收获，其中的法则适用于各种方面：

        前田约翰《简单法则》十条：　　

　　减少，就是说，达到简单的最简单方法，就是要有所割舍，割舍一些没用的功能、多余的部分，就能简单许多。　　

　　组织，妥善组织能使复杂的系统显得比较简单，这就好比合理使用一张写字台。　　

　　时间，节省时间也会让人感觉简单(虽然这种一时的简单不一定是真正的简单)。　　

　　学习，知识、经验的积累能帮助人们把某些事物变得更为简捷。　　

　　差异，简单和复杂相辅相成，没有复杂的对比反差，简单就不能更好地显现。　　

　　背景，简单的周边事物决非无关紧要，它有助于形成一种简单的氛围，让人感觉到简单。

　　感情，感情的寄托也有助于简单。　　

　　信任，要对一些简单的事物报以必要的信任。　　

　　失败，要相信有些事物不可能简单，不是所有东西都适合简单。　　

　　单一，简单就是要求减少形式的、无意义的，增加有意义的。

        

]]>三思集http://www.sunthink.org/post/29.html#commenthttp://www.sunthink.org/http://www.sunthink.org/feed.asp?cmt=29http://www.sunthink.org/cmd.asp?act=tb&id=29&key=c8c858e8互联网大讲堂QQ群话题整理分享（1-10期）345411190@qq.com (admin)http://www.sunthink.org/post/djt.htmlSat, 09 Jan 2010 16:11:25 +0800http://www.sunthink.org/post/djt.html     有幸加入到思域（http://www.pmday.com/about）创建的互联网大讲堂qq群(提供互联网行业讲座，内容涵盖产品设计、产品管理、产品运营、公司管理、电商等等！)，群主会定期邀请业内牛人在群中讨论一些话题，看后获益良多，不敢独享集中分享。 

第一期话题：餐饮行业信息化.ppt
嘉宾：思域 饭统网 群主哥
 
第二期话题：IM和移动客户端的结合之Q聊记录版.txt
嘉宾：原腾讯QQ产品经理 现任飞信产品经理：张程
 
第三期话题：sns产品设计（阿里巴巴产品经理-狒狒）.doc
嘉宾：阿里巴巴产品经理 狒狒
 
第四期话题：B2C类电商平台支持系统解决方案.doc
 嘉宾：红孩子集团系统架构和规划师 十二
 
第五期话题：saas的应用和经营2009-12-18.doc
嘉宾：来自金蝶的saas市场经理
 
第六期话题：敏捷设计经验分享 2009-12-23.doc
千鸟 和大家分享敏捷设计的经验
 
第七期话题：交互设计和用户访谈经验分享.doc
嘉宾：来自腾讯的 西贝
 
第八期话题：创业公司技术咨询和服务外包经验分享
嘉宾：搜狗产品经理 车东
 
第九期话题：谈职业规划 2010-01-06.doc
嘉宾：搜狐高级副总裁 CTO 王小川
 
第10期话题：BI（商业智能）的引用及与互联网的结合
嘉宾：国内知名BI论坛ttnn 坛主
 
嘉宾：云枫 案例：丁丁网
 
第12期话题：谈地方门户 预告
嘉宾：知名地方门户常州化龙巷 骨骨头
时间：2月4日15：00-17：00
 
感谢思域、感谢嘉宾、感谢漫步等的整理！
欢迎讨论，欢迎分享，一起进步！
]]>兵器谱http://www.sunthink.org/post/djt.html#commenthttp://www.sunthink.org/http://www.sunthink.org/feed.asp?cmt=26http://www.sunthink.org/cmd.asp?act=tb&id=26&key=d1d092e9ime-mode:disabled css实现关闭文本框输入法345411190@qq.com (admin)http://www.sunthink.org/post/ime-mode.htmlSat, 21 Nov 2009 14:17:53 +0800http://www.sunthink.org/post/ime-mode.html    最近客服部的MM反映：用户总是在输入电话的时候不小心开启了全角无法通过格式验证而打来电话求助。如图：

    就是在后面增加了，请输入半角数字的提示效果也不会很好，因为很多用户不知道什么是全角半角，都是无意中开启了全角状态。我们在平时填写表单的时候也会这样，上个文本框是输入中文，到下个要输入英文，就要来回切换输入法，极容易出现全角验证不通过，还很麻烦。

    路人甲：用js全角转半角不就可以了？

    这个当然可以，不过其实用css就可以了：ime-mode:disabled。在群里问了一下很多人都不用这个css属性，测试了下其实挺好用的（省去了用户切换输入法的麻烦还规避了用户容易输错数字的错误，不用白不用），看一个简单的例子：

ime-mode:disabled css实现关闭文本框输入法

附：苏昱css手册中对此属性的解释：
ime-mode 
语法：
ime-mode : auto | active | inactive | disabled
取值：
auto : 默认值。不影响IME的状态。与不指定 ime-mode 属性时相同
active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
disabled : 完全禁用IME。对于有焦点的控件(如输入框)，用户不可以激活IME
]]>前端http://www.sunthink.org/post/ime-mode.html#commenthttp://www.sunthink.org/http://www.sunthink.org/feed.asp?cmt=25http://www.sunthink.org/cmd.asp?act=tb&id=25&key=955179ccDw代码片段功能提高前端开发效率（增加快捷键说明）345411190@qq.com (admin)http://www.sunthink.org/post/24.htmlMon, 19 Oct 2009 14:55:01 +0800http://www.sunthink.org/post/24.html　　广告同样精彩：
　　肩膀：疼！
　　颈椎：麻！
　　两眼：晕！    
　　远离前端，珍惜生命。    
　　做前端的同学，除了要处处考虑各种版本浏览器的兼容性这个脑力劳动之外，最大的体力劳动就是，在代码视图重复的输入代码了。   
　　由于有死机造成代码丢失的阴影，我现在习惯性狂按ctrl+s，估计这样长期下去除了椎间盘突出，这两个键也突出了。其实仔细看看我们反复输入的也就是那些常用的标签：
　　Dw的代码片段功能
　　有同学问过能不能定义下，不用每次都反复输入，虽然各种ide都有代码提示和完整功能，但是每次都输入也确实烦人，其实人家dw就有类似的功能：“代码片段”。窗口菜单-代码片段或者按快捷键shift+f9调出代码片段面版。你会发现里面已经有一些代码片段，我先删了它，省的碍眼。
　　然后点击面板底部的 新建代码片段 功能，以建立a标签为例输入代码，如图：
　　　　　　
　　
　　　　　　
　　你也可以现在代码区输入，然后选中这段代码，再点击那个新建代码片段按钮，它会自动根据你选择的建立片段。
　　　　　　
　　
　　　　　　
　　使用“代码片段”快速输入
　　在你需要插入a标签的地方，双击你的代码片段上定义的名字，就自动插入到你的代码区了。
　　你也可以先选中链接文字然后点击a代码片段，就能自动包裹你的链接文字。很简单吧？
　　给“代码片段”定义快捷键
　　是不是如果这些代码片段能像按ctrl+b就能在代码区产生这种就更好了，原以为DW没有这个功能。蓝色两位同学只点了迷津。DW是可以给代码片段定义快捷键的：
　　自定义代码面板上，在你想要定义快捷键的代码片段名称上点击右键-选择编辑快捷键：
　　　　　　
　　
　　　　　　
　　在弹出的“快捷键”面板上点击你要设置的代码片段名称，再将光标定位到“按键：文本框，然后再键盘上按下你想要设置的快捷键，例如ctrl+alt+d：
　　　　　　
　　
　　　　　　
　　定义好之后你就可以像ctrl+b一样使用你定义的快捷键了。
　　你可以根据你的代码习惯定义其他常用片段，当然这个功能同样适用css。赶紧试试吧！

]]>兵器谱http://www.sunthink.org/post/24.html#commenthttp://www.sunthink.org/http://www.sunthink.org/feed.asp?cmt=24http://www.sunthink.org/cmd.asp?act=tb&id=24&key=b9b236fa不常用却很有用的标签345411190@qq.com (admin)http://www.sunthink.org/post/biaoqian.htmlFri, 11 Sep 2009 14:53:11 +0800http://www.sunthink.org/post/biaoqian.html我总结了一些，总结的原则是有用而且能用，就是大多数浏览器得支持，否则就不算“上上签”了。只能望“签”兴叹又有什么用呢？
<base>标签
    作用：标签为页面中所有链接指定默认链接地址或链接目标。有时候我们需要让首页的链接全部在新窗口中打开，我们一般会这样写链接，而使用这个标签就能一下搞定了！
    属性：
        Href:链接地址
        target:目标，他的值可以是_blank,_parent,_self,_top,可以在除Strict模式下使用，这个用法我最先是在163.com上发现的。
    用法：
[CODE=html]


[/CODE]
<caption>标签
    作用：caption标签用来定义表格的标题，给表格定义一个标题，来说明这个表格是干什么的，岂不是很有“语义”，caption应该写在table之后，默认的样式是居中显示在表格的顶部。你可以通过css来改变它的样式。
    用法：
[CODE=html]

其实我是caption
  
  
[/CODE]
<thead>标签、<tbody>标签、<tfoot>标签
    作用：thead、tfoot 以及 tbody标签跟他们的名字那样，分别是表格的头部（很多人只是用th）、主题、和底部，他们能让表格更加语义化的同时，也能让我们更加方便的控制表格的表现。国外还有人用很变态地方法用这三个表其做出标题能跟随表格，或者tbody固定高度，多出的行数出现滚动条。有兴趣的可以搜素下或者是这做一下。
注意：如果您使用 thead、tfoot 以及 tbody 元素，您就必须使用全部的元素。它们的出现次序是：thead、tfoot、tbody，这样浏览器就可以在收到所有数据前呈现页脚了。
    用法：
[CODE=html]


科目分数
总分159
语文99
数学60
[/CODE]
<fieldset>标签和<legend>标签
    作用：<fieldset>元素用来分类表单中的元素，而<legend>则能给这个组定义一个标题。你一定见过类似下面domo的布局吧！他们也可以通过css定义样式。
    用法:
[CODE=html]

基本信息
姓名:
性别:

[/CODE]
<sub> 标签和<sup> 标签
    作用：<sub> 标签和<sub> 标签分别是上标和下标，虽然他们在各个浏览器的表现不一样，你
同样可以使用css定义他们的样式。
    用法：
[CODE=html]2我是上标
2我是下标[/CODE]
<label>标签
    作用：label 标签的使用可以扩大表单的点击区域来改进表单的易用性。看看下面的用法：点击文字的时候相当于点击了单选控件，这样用户体验是不是会更好一些？
    用法：
[CODE=html]






[/CODE]
<optgroup> 标签
    作用：前端http://www.sunthink.org/post/biaoqian.html#commenthttp://www.sunthink.org/http://www.sunthink.org/feed.asp?cmt=23http://www.sunthink.org/cmd.asp?act=tb&id=23&key=f719db82带着相机步行去上班345411190@qq.com (admin)http://www.sunthink.org/post/21.htmlSat, 05 Sep 2009 18:09:38 +0800http://www.sunthink.org/post/21.html花园路国基路到经八路任寨北街的百度地图

    说是6.9公里，我大概走了2个多小时。一边走一边拍照，由于拍的急头白脸的，所以照片拍的很差劲。（技术本来就很菜）
    感兴趣的去相册看看 http://www.sunthink.org/plugin/windsphoto/]]>三思集http://www.sunthink.org/post/21.html#commenthttp://www.sunthink.org/http://www.sunthink.org/feed.asp?cmt=21http://www.sunthink.org/cmd.asp?act=tb&id=21&key=8f5c14fe土豆“豆丸”有点好玩345411190@qq.com (admin)http://www.sunthink.org/post/20.htmlTue, 01 Sep 2009 23:17:25 +0800http://www.sunthink.org/post/20.html
    其实这个产品非常简单，分为三部分：左侧是“土豆们正在挖”，就是即时显示大家在“挖”的一些视频；中间部分是播放器，这一部分我觉得最好玩的就是那个按钮“换”，他们设计的本意也是模仿电视的换台。右侧则是播放中的相关视频当然你还可以用那个“搜索到豆丸”搜索你想看的，而两边出现的视频都可以通过点击放到中间的队列中。
    “豆丸”好玩的地方也就是那个“换”了。不过感觉那个按钮在视觉上似乎低调了些。而且全屏之后就没那个功能了。据说土豆也在为这个申请专利了。（不过好像国外早就有过类似有趣功能的网站了。）
    虽然说“豆丸”有点好玩，但也只是有点好玩。视频站总要依赖带宽，网速慢的话那个“换”的效果似乎就不是很好了。不过还是感谢土豆的新产品，新体验。
    我瞎说了这么多你自己去看看吧！访问地址是：http://douwan.tudou.com/
]]>互联网http://www.sunthink.org/post/20.html#commenthttp://www.sunthink.org/http://www.sunthink.org/feed.asp?cmt=20http://www.sunthink.org/cmd.asp?act=tb&id=20&key=539b6abb彻底弄清楚haslayout概念[转]345411190@qq.com (admin)http://www.sunthink.org/post/haslayout.htmlWed, 19 Aug 2009 10:07:16 +0800http://www.sunthink.org/post/haslayout.html
什么是 haslayout ？
haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用 了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout 属性值为true时，我们说这个元素有一个布局（layout）

当一个元素有一个布局时，它负责对自己和可能的子孙元素进行尺寸计算和定位。简单来说，这意味着这个元素需要花更多的代价来维护自身和里面的内容， 而不是依赖于祖先元素来完成这些工作。因此，一些元素默认会有一个布局。当我们说一个元素“拥有layout”或“得到layout”，或者说一个元素 “has layout” 的时候，我们的意思是指它的微软专有属性 hasLayout 被设为了 true 。一个“layout元素”可以是一个默认就拥有 layout 的元素或者是一个通过设置某些 CSS 属性得到 layout 的元素。如果某个HTML元素拥有 haslayout 属性，那么这个元素的 haslayout 的值一定只有 true，haslayout 为只读属性 一旦被触发，就不可逆转。通过 IE Developer Toolbar 可以查看 IE 下 HTML 元素是否拥有haslayout，在 IE Developer Toolbar 下，拥有 haslayout 的元素，通常显示为“haslayout = -1”。

负责组织自身内容的元素将默认有一个布局，主要包括以下元素（不完全列表）：

* body and html
* table, tr, th, td
* img
* hr
* input, button, file, select, textarea, fieldset
* marquee
* frameset, frame, iframe
* objects, applets, embed

对于并非所有的元素都默认有布局，微软给出的主要原因是“性能和简洁”。如果所有的元素都默认有布局，会对性能和内存使用上产生有害的影响。

如何激发 haslayout？
大部分的 IE 显示错误，都可以通过激发元素的 haslayout 属性来修正。可以通过设置 css 尺寸属性(width/height)等来激发元素的 haslayout，使其“拥有布局”。如下所示，通过设置以下 css 属性即可。

* display: inline-block
* height: (任何值除了auto)
* float: (left 或 right)
* position: absolute
* width: (任何值除了auto)
* writing-mode: tb-rl
* zoom: (除 normal 外任意值)

Internet Explorer 7 还有一些额外的属性(不完全列表):

* min-height: (任意值)
* max-height: (除 none 外任意值)
* min-width: (任意值)
* max-width: (除 none 外任意值)
* overflow: (除 visible 外任意值)
* overflow-x: (除 visible 外任意值)
* overflow-y: (除 visible 外任意值)
* position: fixed

其中 overflow-x 和 overflow-y 是 css3 盒模型中的属性，目前还未被浏览器广泛支持。

对于内联元素(默认即为内联的元素，如 span，或 display:inline; 的元素)，

width 和 height 只在 IE5.x 下和 IE6 或更新版本的 quirks 模式下触发 hasLayout 。而对于 IE6，如果浏览器运行于标准兼容模式下，内联元素会忽略 width 或 height 属性，所以设置 width 或 height 不能在此种情况下令该元素具有 layout。
zoom 总是可以触发 hasLayout，但是在 IE5.0 中不支持。
具有“layout” 的元素如果同时 display: inline ，那么它的行为就和标准中所说的 inline-block 很类似了：在段落中和普通文字一样在水平方向和连续排列，受 vertical-align 影响，并且大小可以根据内容自适应调整。这也可以解释为什么单单在 IE/Win 中内联元素可以包含块级元素而少出问题，因为在别的浏览器中 display: inline 就是内联，不像 IE/Win 一旦内联元素拥有 layout 还会变成 inline-block。

haslayout 问题的调试与解决
当网页在 IE 中有异常表现时，可以尝试激发 haslayout 来看看是不是问题所在。常用的方法是给某元素 css 设定 zoom:1 。使用 zoom:1 是因为大多数情况下，它能在不影响现有环境的条件下激发元素的 haslayout。而一旦问题消失，那基本上就可以判断是 haslayout 的原因。然后就可以通过设定相应的 css 属性来对这个问题进行修正了。建议首先要考虑的是设定元素的 width/height 属性，其次再考虑其他属性。

对 IE6 及更早版本来说，常用的方法被称为霍莉破解(Holly hack)，即设定这个元素的高度为 1% (height:1%;)。需要注意的是，当这个元素的 overflow 属性被设置为 visible 时，这个方法就失效了。或者使用 IE 的条件注释。

对 IE7 来说，最好的方法时设置元素的最小高度为 0 (min-height:0;)。

haslayout 问题引起的常见 bug
IE6 及更低版本的双空白边浮动 bug
bug 修复: display:inline;

IE5-6/win 的 3 像素偏移 bug
bug 修复: _height:1%;

E6 的躲躲猫(peek-a-boo) bug
bug 修复: _height:1%;

原文地址：http://www.iwanna.cn/archives/2009/08/18/2165/
]]>前端http://www.sunthink.org/post/haslayout.html#commenthttp://www.sunthink.org/http://www.sunthink.org/feed.asp?cmt=19http://www.sunthink.org/cmd.asp?act=tb&id=19&key=8b83be41HTML4默认样式345411190@qq.com (admin)http://www.sunthink.org/post/17.htmlMon, 17 Aug 2009 14:26:24 +0800http://www.sunthink.org/post/17.htmlAppendix D. Default style sheet for HTML 4
This appendix is informative, not normative.

This style sheet describes the typical formatting of all HTML 4 ([HTML4]) elements based on extensive research into current UA practice. Developers are encouraged to use it as a default style sheet in their implementations.

The full presentation of some HTML elements cannot be expressed in CSS 2.1, including replaced elements ("img", "object"), scripting elements ("script", "applet"), form control elements, and frame elements.

For other elements, the legacy presentation can be described in CSS but the solution removes the element. For example, the FONT element can be replaced by attaching CSS declarations to other elements (e.g., DIV). Likewise, legacy presentation of presentational attributes (e.g., the "border" attribute on TABLE) can be described in CSS, but the markup in the source document must be changed.

[CODE=css]html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre { display: block }
li { display: list-item }
head { display: none }
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell }
caption { display: table-caption }
th { font-weight: bolder; text-align: center }
caption { text-align: center }
body { margin: 8px }
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu { margin: 1.12em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong { font-weight: bolder }
blockquote { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address { font-style: italic }
pre, tt, code,
kbd, samp { font-family: monospace }
pre { white-space: pre }
button, textarea,
input, select { display: inline-block }
big { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub { vertical-align: sub }
sup { vertical-align: super }
table { border-spacing: 2px; }
thead, tbody,
tfoot { vertical-align: middle }
td, th, tr { vertical-align: inherit }
s, strike, del { text-decoration: line-through }
hr { border: 1px inset }
ol, ul, dir,
menu, dd { margin-left: 40px }
ol { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
u, ins { text-decoration: underline }
br:before { content: "\A"; white-space: pre-line }
center { text-align: center }
:link, :visited { text-decoration: underline }
:focus { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"] { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }

@media print {
h1 { page-break-before: always }
h1, h2, h3,
h4, h5, h6 { page-break-after: avoid }
ul, ol, dl { page-break-before: avoid }
}[/CODE]

Appendix D. Default style sheet for HTML 4
]]>前端http://www.sunthink.org/post/17.html#commenthttp://www.sunthink.org/http://www.sunthink.org/feed.asp?cmt=17http://www.sunthink.org/cmd.asp?act=tb&id=17&key=6a055a3die6的默认样式345411190@qq.com (admin)http://www.sunthink.org/post/16.htmlMon, 17 Aug 2009 14:20:50 +0800http://www.sunthink.org/post/16.html[CODE=css]=======================================
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 ;}

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 ;}

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: ;
} /* greater than 'normal' */

sup {
vertical-align: super;
font-size: smaller;
line-height: ;
} /* 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;}[/CODE]

IE6默认样式表(INTERNET EXPLORER 6 DEFAULT STYLE SHEET)]]>前端http://www.sunthink.org/post/16.html#commenthttp://www.sunthink.org/http://www.sunthink.org/feed.asp?cmt=16http://www.sunthink.org/cmd.asp?act=tb&id=16&key=e553ace2