[CSS]三点关于内联元素的margin属性见解

CSS中,HTML的元素分为两大类:块元素与内联元素.前段时间有经验丰富的设计师同事问我"内联元素"是什么意思.我汗了一把.
  其实CSS这个东西除了书本上说的东西,也还需要多用才能总结体会.以下是刚刚想到的三点见解.
第一:任何内联元素,只要设置了float,它就自动变成了块元素.例如img,你设置了它为左浮动,或者右浮动,那么它就具有了块元素所拥有的特性.

第二:内联元素你一样可以对它设置padding与margin.只不过它们都不会影响内联元素的line-height.padding对内联元素在x和y方向上都有效.但margin对内联元素只有x轴方向上才有效,y方向上是无效的.

第三:针对某些不规矩的浏览器(例如IE6/7),有时候逆向思维:将内联元素设置为块元素,或将块元素设置为内联元素,或将元素设置为float,能有效的解决某些hack解决不了的疑难问题(例如某些情况下li与li之间存在的"神秘"间距).

[本日志由 黑咖啡 于 2009-11-21 17:51:02 编辑]
上一篇: [CSS]关于CSS的0与0px
下一篇: 烦恼
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: CSS 三点 关于 内联 元素 margin 属性 见解
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 支持Gravatar头像.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.