CSS公用样式

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }

img { border: 0 none; vertical-align: top; }

ul, li { list-style-type: none; }

h1, h2, h3, h4, h5, h6 { font-size: 14px; }

body, input, select, button, textarea { font-size: 12px; font-family: Tahoma, Geneva, sans-serif; }

button { cursor: pointer; }

i, em, cite { font-style: normal; }

body { background: #fff; color: #363636; line-height: 1.2; }

a, a:link { color: #222; text-decoration: none; }

a:visited { }

a:active, a:hover { text-decoration: underline; }

a:focus { outline: none; }

.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.fixed { display: block; min-height: 1%; }

*html .fixed { height: 1%; }

.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }

.more { float: right; }

.more a { font-weight: normal; font-size: 12px; }

.fl, .fr { display: inline; float: left; }

.fr { float: right; }

注：在这里写这些注解就是为了让刚接触到CSS的朋友明白一些东西 不至于绕弯路，知道这些代码都是怎么回事的就可以跳到第三条了，可能写的有些啰嗦。呵呵！

第一行html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td 样式大家应该都明白这样是把原先的选择器自带的外填充和内填充去掉归0

也许有人还在用“ * ” 通配符，但是这样是有缺点的 会让代码变得冗余 尤其是子父级嵌套关系越深越麻烦，建议大家要尽量减少使用，在这里建议大家多使用我在第一行里写的通用样式，可能选择器还比较少，但是我日常用到的选择器就这么些，如果大家有用到 pre fieldset blockquote 这些选择器 或是其他的选择器 一样可以写到里面。

第二行里 img 图片标签的样式 大家是各有不同，目的都是一个让浏览器里默认图片是没有边框的，还有ie6里图片底部出现的空白间隔消失掉。有的爱用 display:block; border: none;

但是这样写的话，都会有这样或那样的缺点，display: block; 这样写的话 你要让图片左右居中于一个盒子内的时候 你怎么办？ margin: auto; 这样吗？但是你要让外面的盒子有一个实际的宽度，如果是换成 vertival-align: top; 或是 vertival-align: middle; 的话那么这个实际的宽度就不必写了，只用加一个 text-align: center; 图片也不用加外填充了。

还有就是有的酷友会奇怪我写的 border: 0 none; 这里要写 0 再加一个 none，这个问题我还是想说一下是因为我在写文本框 input 的时候，发现在不同的 windows 系统外观下，你光写border: none 或是 bord