CSS
popotans
这个作者很懒,什么都没留下…
展开
-
CSS外层BOX自动计算高度问题
根据W3C定义,没有float属性的外层box不会自动计算高度,要计算高度,必须在内层最后一个box加入clear:both。Opera、netscape、mozilla等不会计算外层box高度,但是微软ie6会自动计算外层高度。比如:Untitled Document.outer { width:600px; background:#000;}.inner1 { float:left;原创 2009-12-30 09:03:00 · 2345 阅读 · 0 评论 -
使用样式表CSS进行网页布局的十八个技巧
1.标签在Mozilla中默认是有padding值的,而在IE中只有margin有值.2.同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效.3.一个兼容性调整(IE和Mozilla)的笨办法:初学可能会碰到这样一个情况:同样一个标签的属性在IE设转载 2009-12-29 09:25:00 · 510 阅读 · 0 评论 -
css 左右Margin加倍的问题
当div层为float时,IE6中box左右的margin会加倍比如:Untitled Document.outer { width:500px; height:200px; background:#000;}.inner { float:left; width:200px; height:100px; margin:5px; background:#fff;}左面的inner的左原创 2009-12-30 09:09:00 · 743 阅读 · 0 评论 -
CSS常见兼容性问题
DOCTYPE 影响 CSS 处理Firefox: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行Firefox: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中Firefox: 设置 padding 后, div原创 2009-12-30 09:10:00 · 1376 阅读 · 0 评论 -
修改网站地址栏小图标
如果您使用的 WEB 浏览器是 IE5 或以上版本,那么当您将某些网站(如:网易、Yahoo等等)加 入到“收藏夹”后,您是否注意到在这些网站标题的旁边还有一个独具个性的图标呢?这就是 “收藏夹图标”(F avorites Icon)。就拿“网易”来说,在标题“Welcome to netease !” 的 左边,原创 2009-12-31 10:07:00 · 8179 阅读 · 1 评论 -
DIV图片垂直居中
<!-- * {margin:0;padding:0}div { width:500px; height:500px; border:1px solid #666; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-ali原创 2010-04-12 15:00:00 · 1036 阅读 · 0 评论 -
DIV CSS兼容性解决IE6/IE7/FF浏览器的通用方法完美兼容
<br />在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!<br /><br />所有浏览器 通用 <br />height: 100px; <br /><br />IE6 专用 <br />_height: 100px; <br /><br />IE6 专用 <br />*height: 100px; <br /><br />IE7 专用 <br />*+height原创 2010-06-11 16:15:00 · 770 阅读 · 0 评论