CSS盒模型的用法介绍
我们为大家收集整理了关于CSS盒模型的用法,以方便大家参考。
如何生成元素框;
处理各元素之间的关系;常用css布局
根据框的尺寸、定位等CSS属性来确定元素的位置等;
因此,要掌握使用CSS控制页面内元素的技巧,就需要深入了解框模型(Box Model)及视觉格式化模型的原理。
文档树中的元素都产生矩形的框(Box),这些框影响了元素内容之间的距离、元素内容的位置、背景图片的位置等等。而浏览器根据视觉格式化模型(Visual formatting model)来将这些框布局成访问者看到的样子。
视觉格式化模型中也有布局(layout)”的概念,但是这个与页面设计经常用到的类似3行2列”或者3行3列”中的排版布局”的概念不同,视觉格式化模型中的布局”是指每个元素该如何来显示。
CSS 2.1中,一个控制框的布局可以根据三种定位方案:
常规流向。CSS 2.1中,常规流向包含块框的块格式化,行内框的行内格式
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论