常见CSS注意问题

因
为浏览器的品种很多，每个浏览器的默认样式也是不同的，比如<button>标签，在IE浏览器、Firefox浏览器以及Safari浏览
器中的样式都是不同的，所以，通过重置button标签的CSS属性，然后再将它统一定义，就可以产生相同的显示效果。
最简单的CSS Reset内容寥寥几行就能完成：
* { padding: 0; margin: 0; border: 0; }
* 匹配的是最低级的匹配所以比较慢
* {
margin: 0;
padding: 0;

方法：通过是定义一个class"clear"来清除浮动；
claer的样式如下：

/*-----万能Float闭合-----*/
.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear {display: inline-block;} /* for IE/Mac */
.clear {
zoom: 1; /* triggers hasLayout */
display: block; /* resets display for IE/Win */
}
/*-----万能Float闭合-----*/
.clear{
height:0px;
clear:both;
font-size:0px;
line-height:0px;
zoom: 1;
}
让浮动元素后面紧跟一个用于清除浮动的空标签；

<div class="fl"></div>
<div class="clear"></div>

方法：overflow 方法
overflow 方法在父元素上设置 overflow 这个 css 属性。如果父元素的这个属性设置为 auto 或者 hidden，父元素就会扩展以包含浮动。
这个方法有着较好的语义性，因为他不需要额外元素。但是，如果需要增加一个新的 div 来使用这个方法，其实就和空 div 方法一样没有语义了。
而且要记住，overflow 属性不是为了清除浮动而定义的。要小心不要覆盖住内容或者触发了不需要的滚动条。

<div style="overflow: hidden;">
<div class="fl"></div>
</div>

X
a { color: red; }
ul { margin-left: 0; } 标签选择器，优先级仅仅比*高，常用于css reset。

X:link X:visited X:hover X:active
a:link { color: red; }
a:visted { color: purple; }

表明CSS文件的页面编码为UTF-8。。如果这个CSS的文件编码也是UTF-8的话。。那么在浏览器中看到的CSS文件的页面中中文的注释或者中文字体就可以正确显示为中文，如果CSS的文件编码和页面不一致的话。那么这个CSS文件的中文则会显示为乱码。。特别是定义中文字体的时候。就不能正确识别。。其他则没有多大影响