最耗资源的，最简单的
* { padding: 0margin: 0border: 0}
选择性初始化举例（综合）
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button
form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0
margin: 0
}
3. 参考新浪、雅虎
/* 新浪全局样式 */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{
margin:0padding:0border:0
}
body{
background:#fffcolor:#333font-size:12pxmargin-top:5pxfont-family:"SimSun","宋体","Arial Narrow"
}
ul,ol{
list-style-type:none
}
select,input,img,select{
vertical-align:middle
}
a{text-decoration:none}
a:link{color:#009}
a:visited{color:#800080}
a:hover,a:active,a:focus{color:#c00text-decoration:underline}
/* 雅虎全局样式 */
html {
background: none repeat scroll 0 0 #FFFFFF
color: #000000
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0
padding: 0
}
table {
border-collapse: collapse
border-spacing: 0
}
fieldset, img {
border: 0 none
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal
font-weight: normal
}
li {
list-style: none outside none
}
caption, th {
text-align: left
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%
font-weight: normal
}
q:before, q:after {
content: ""
}
abbr, acronym {
border: 0 none
font-variant: normal
}
sup {
vertical-align: text-top
}
sub {
vertical-align: text-bottom
}
input, textarea, select {
font-family: inherit
font-size: inherit
font-weight: inherit
}
input, textarea, select {
}
legend {
color: #000000
}
body {
font: 13px/1.231 arial,helvetica,clean,sans-serif
}
select, input, button, textarea {
font: 99% arial,helvetica,clean,sans-serif
}
table {
font-size: inherit
}
pre, code, kbd, samp, tt {
font-family: monospace
line-height: 100%
}
a {
text-decoration: none
}
a:hover, a:focus {
text-decoration: underline
}
strong {
font-weight: bold
}
input[type="submit"] {
cursor: pointer
}
button {
cursor: pointer
}
星号选择器（*）表示选中所有的元素
* 选择器选取所有元素。
* 选择器也能选取另一个元素中的所有元素：
div *{background-color:green
}
上面的代码会将div下面的所有元素的背景色设置为绿色
注意：*选择器比较消耗性能，尽量避免使用，应使用更加精确的选择器选择元素
HTML 已经发展了多年，现在 W3C 已经发布了 HTML 5.1 的提案推荐标准，一些陈旧废弃的标签已经在后继的标准中逐渐消失。这里为大家列出那些已经被废弃 HTML 标签，看看你是不是还在使用它们。<acronym>
首字母缩写，例如 WWW
类似的有<abbr>标签，表示单词缩写，例如 <abbr>inc.</abbr>。语法如下：
<acronym title="World Wide Web">WWW</acronym>
<abbr title="incorporated">inc.</abbr>
推荐用<abbr>，不要用<acronym>（忽略上面提到的语义上的差异）。
<applet>
Java 小应用程序，主要提供绘图功能（在页面上通过代码绘制一些东西），例如：
<applet code="ShowImage.class" width=600 height=400 archive="Imagetest.jar"></applet>
目前几乎没什么用了，因为运行需要 JRE，而目前主流浏览器并不默认安装 JRE。
推荐使用<canvas>绘图，或者用<object>+<embed>嵌入 flash代替<applet>。
注意：使用<object>+<embed>是为了更好的兼容性，如果场景允许，推荐使用<object>。
<basefont>
<basefont>标签定义基准字体。该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列，例如：
<basefont color="red" size="5" face="Arial" />
<basefont>标签只有 IE 支持。
推荐直接给<body>元素定义默认字体，所有子元素都会继承这些属性值。
<bgsound>
用来添加背景音乐，例如：
<bgsound src="your.mid" autostart="true" loop="infinite">
推荐使用<audio>或者<object>+<embed>来代替，例如：
<embed src="your.mid" autostart="true" loop="true" hidden="true">
<big>
用来放大字体，放大一号（嵌套多层可以放大更多），不支持的浏览器显示粗体，例如：
<big>大1号</big><big><big>大2号</big></big>
至于“号”是怎么定义的就别管了，不推荐使用，建议根据语义采用<em>、<strong>或者自定义样式类代替。
<blink>
可以实现闪烁效果，例如：
<blink>Why would somebody use this?</blink>
支持性很差，不推荐使用，同样不推荐使用（各大浏览器支持<blink>，但没有任何效果）：
<p>This should be avoided as well.</p>
建议采用<animation>代替
<center>
使内容居中，例如：
<center>文本及子元素会居中</center>
效果类似于如下 CSS：
text-align: center
不建议使用，确实没有任何理由去用。
<dir>
目录列表，例如：
<dir> <li>html</li> <li>xhtml</li> <li>css</li></dir>
效果和<ul>基本相同，浏览器默认样式下列表项的左边距有细微差异。
不推荐使用，建议根据语义采用<ul>、<ol>或者<dl>。
<font>
用来定义字体、字号和颜色，例如：
<font face="verdana" color="green" size="3">This is some text!</font>
属性值和<basefont>一样。
不推荐使用，建议用 CSS 代替，没理由用这个标签。
<frame>
配合<frameset>分栏，例如：
<!DOCTYPE html><html><frameset cols="25%,*,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm"></frameset></html>
注意：用<frameset>替换掉<body>。
复杂的后台页面会用到<frameset>+<frame>布局，当然也可以采用 float/flex+Ajax 实现，根据具体场景来定。
<frameset>
见<frame>。
<hgroup>
给一系列标题分组，例如：
<hgroup> <h1>The reality dysfunction</h1> <h2>Space is not the only void</h2></hgroup>
虽然提供了一点语义，但因为已经过时，所以不推荐使用。
建议采用<header>代替，例如：
<header> <h1>The reality dysfunction</h1> <p class="subheading">Space is not the only void</p></header>
<isindex>
单行文本控件，初始显示prompt属性值，例如：
<isindex prompt="string" />
目前支持性很差，不推荐使用，建议用<input>元素代替。
W3C 建议千万不要用：
No, really, don’t use it. This element is deprecated. It is not implemented anymore.
具体用法可以参考 http://reference.sitepoint.com/html/isindex。
<listing>
不用管它是什么，微软都不建议使用了：
This element is obsolete and should no longer be used. Use HTMLPreElement, code or CSS instead. Renders text in a fixed-width font.
<marquee>
滚动字幕，效果很强大，例如：
<marquee bgcolor="#ccffff" vspace="10" direction="up" height="104" width="22.35%" loop="3" scrollamount="1" scrolldelay="10" hspace="20"><p align="center"><font color="#000000">此处输入滚动内容</font></p></marquee><marquee>这里是输入文字的地方，还可以放图片代码、Flash动画代码和gif动态小图代码。</marquee>
多用来实现公告，虽然已经过时了，但效果确实很强大，而且支持性良好。
<multicol>
用来实现多列布局，不建议使用，任何主流浏览器都不曾支持过。
MDN 称其从未被任何主流浏览器支持过：
The HTML element was an experimental element designed to allow multi-column layouts. It never got any significant traction and is not implemented in any major browsers.
<nextid>
作用未知，支持性未知，不建议使用。
<nobr>
禁止换行，例如：
<p>Our telephone number is <nobr>0800 123 123 123</nobr>.</p>
不推荐使用，建议用 CSS 代替：
white-space: nowrap
<noembed>
在浏览器不支持<embed>时，显示内容，类似于<noscript>，例如：
<noembed>
<img src="/images/inflate.jpg" alt="Inflate the tyre by holding the
pump at 90 degree angle to the valve">
<p>You can inflate the tyre by holding the pump at 90 degree angle
to the valve, as shown in the image above.</p>
</noembed>
不推荐使用，如果需要考虑兼容性的话，建议采用<object>+<embed>+<noembed>（embed / noembed 作为 object 的回退）。
<noframes>
在浏览器不支持<frameset>+<frame>时，显示内容，类似于<noscript>，例如：
html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
<noframes>Sorry, your browser does not handle frames!</noframes>
</frameset>
</html>
如果需要考虑兼容性的话，可以作为<frame>的回退，建议采用 float/flex + Ajax 实现，根据具体场景来定。
<plaintext>
忽略内容中的html标签，作用类似于<pre>，例如：
<p>The markup for this is:</p>
<plaintext>
<h1>Main heading goes here</h1>
<p>First paragraph goes here</p>
<h2>Sub-heading goes here</h2>
</plaintext>.
</body>
</html>
不推荐使用，建议根据语义用<pre>或者<code>代替。
<spacer>
插入空白，例如：
<span>Just a text node</span>
<spacer type="horizontal" size="10"></spacer>
<span>Just another text node</span>
<spacer type="block" width="10" height="10"></spacer>
<strike>
删除线，效果类似于<del>和<s>，例如：
<p>Version 2.0 is <strike>not yet available!</strike>now available!</p>
不推荐使用，建议用<del>代替。
<tt>
键盘输入（teletype），例如：
<p><tt>Teletype text</tt></p>
不推荐使用，建议根据语义用<kbd>（键盘按键）、<var>（变量）、<code>（代码）、<samp>（样例输出）或者CSS代替。
<xmp>
80 列的样例输出，样式效果类似于<pre>，语义类似于<samp>，例如：
<xmp>
Stock IDDescription Price Quantity in Stock
------------------- ----- -----------------
116 Inflatable Armchair 21.5013
119 Walkie Talkie 40.2044
</xmp>
目前浏览器支持该标签，但不限制 80 列。
不推荐使用，建议采用<samp>代替。
