码迷,mamicode.com
首页 > Web开发 > 详细

20150923css3+浏览器兼容性

时间:2015-10-13 11:57:06      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

示例做法:写布局  分析相同的元素用的样式

1、ul li a:hover{background-color:#ff0;}时要把高度写到a标签里

2、元素和父标签或兄弟之间有间距时用margin 和父标签无间距有文本缩进时在元素里用padding,不设置width

 

兼容性问题:浏览器对代码的解析不同,浏览器内核不同。

对某一个CSS属性没有系统的设置。50%的兼容性问题是IE6造成的。基本上不考虑IE6.

 1、#d1{margin-bottom:30px}  #d2{ margin-top:30px;}所有浏览器都是30 直接写#d1{ margin-bottom:60px;}  marging-left、margin-right是兼容的。

2、love hate原则  a:link{当前样式} a:visited{鼠标点击后的样式}  a:hover{经过 } a:active{当鼠标点击时}

其它参考:

http://www.cnblogs.com/zhutianxiang/archive/2012/01/19/2320349.html

20150923css3+浏览器兼容性

标签:

原文地址:http://www.cnblogs.com/16lily521/p/4872327.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!