CSS干货.docx

CSS日常公用样式与一些解决方案?由于XHTML+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 fieldsetblockquote?这些选择器?或是其他的选择器?一样可以写到里面。第二行里?img?图片标签的样式?大家是各有不同，目的都是一个让浏览器里默认图片是没有边框的，还有ie6里图片底部出现的空白间隔消失掉。有的爱用?display:block; border: none;但是这样写的话，都会有这样或那样的缺点，display: block;?这样写的话?你要让图片左右居中于一个盒子内的时候?你怎么办？?margin: auto;?这样吗？但是你要让外面的盒子有一个实际的宽度，如果是换成?vertival-align: top;?或是?vertival-align: middle;?的话那么这个实际的宽度就不必写了，只用加一个?text-align: center;??图片也不用加外填充了。还有就是有的酷友会奇怪我写的?b