日期:2014-05-17  浏览次数:20624 次

css盒子模型疑问
css盒子模型主要适用于块级元素,为什么又说一个页面中的所有元素都可以看成一个盒子呢,内联元素(比如span,a)也可以设置width,height和内外边距的属性吗?是不是应该先转换成块状元素再设置啊?网上查的貌似和块状元素的设置效果又有些区别,真晕 拜托哪位大侠给小弟讲讲Box model,快疯了

------解决方案--------------------
CSS中有行内元素和块级元素之分,行内元素不占据独立空间,它们依附块级元素存在。
单独一行的元素称为块级元素,块级元素占有一定的空间,由标准流的排列方式决定。
每个div块级元素之间由MARGIN,也就是外边距。
padding是内边距,一般在<p>标签中使用较多.
行内元素和块级元素之间的转换是通过display:block和display:inline来实现的,当你布局需要时候才进行转换。
其他主要的就是
理解postion和float,这两个经常要用到
盒子在标准流中的定位原则
行内元素之间的水平margin(二者距离相加)和块级元素之间的垂直margin(取距离较大者)
还有其他的一些CSS属性
我也刚学,说得不对的希望楼下指正,一起加油吧,相信我们会学会CSS的!
------解决方案--------------------
在IE里内联元素与块级元素区别基本没有
但是在其他的遵循W3C标准的浏览器里面区别就很明显了
但是也还是有部分块级元素的属性,比如margin
------解决方案--------------------
透明的你看着就没有效果了,建议你去www.w3school.com.cn上看一下。那里面的很详细。