16.链接访问后hover样式就不出现
• 被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题。
• 解决方法是改变CSS属性的排列顺序: L-V-H-A
例:
<style type="text/css">
a:link {}
a:visited {}
a:hover {}
a:active {}
</style>
:link 选择器 设置指向未被访问的链接样式
:visited选择器 设置已被访问的页面的链接
:hover 选择器 用于鼠标指针浮动在上面的元素
:active选择器 用于活动链接
注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效
17.游标手指cursor
• cursor: pointer 可以同时在 IE FF 中显示游标手指状
• cursor: hand 仅 IE 可以
18.UL的padding与margin
• ul标签在FF中默认是有padding值的,而在IE中只有margin默认有值,所以先定义: ul{margin:0;padding:0;},就能解决大部分问题 。
19.form标签
• 这个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,因此,如果想显示一致,所以最好在css中指定margin和 padding,针对上面两个问题,我的css中一般首先都使用这样的样式ul,form{margin:0;padding:0;}。
20.box模型解释不一致问题
• 在FF和IE 中的BOX模型解释不一致导致相差2px解决方法:
div{
margin:30px!important;
margin:28px;
}
• 注意这两个 margin的顺序一定不能写反, important这个属性IE6不能识别,但别的浏览器可以识别。所以在IE6下其实解释成这样:
div {
maring:30px;
margin:28px
}
• 重复定义的话按照最后一个来执行。
来源:oschina
链接:https://my.oschina.net/u/2971691/blog/798214