p,h1或div等元素,我们经常称之为块级元素。大概的意思就是这些元素显示为一块内容。与之相反,strong和span等元素成为行内,因为他们的内容显示在行中。
上次介绍完空白边叠加之后,博百优CSS今天要介绍的就是视觉格式化模型,CSS中有三种基本的定位机制:普通流,浮动和绝对定位。除非专门制定,否则所有框都在普通流中定位。普通流中元素框的位置由元素在HTML中的位置决定的。
块级框从上到下一个接一个地排列,框之间的垂直距离由框的垂直空白边计算出来的。行内框在一行中水平不知。可以使用水平填充,边框和空白便调整他们的水平间距,如图:

但是,垂直填充、边框和空白边不影响行内框的高度。由一行形成的水平框成为行框。行框的高度总是足以容纳它包含的所有行内框。但是,设置行高可以增加这个框的高度。
框可以按照HTML元素的嵌套方式包含其他框。大多数框由显式定义的元素形成的。但是。在一种情况下,即使没有进行显式定义,也会创建块级元素。这种情况发生在将一些文本添加到一个块级元素的开头时。即使没有把这些文本定义为段落,它也会被当做段落对待。
<div>
博百优css
<p>视觉格式化模型</p>
</div>
块级元素内的文本行业会发生类似的情况。不说太多了,本个内容点有点模糊,暂时先到这里 ,我再看看究竟说了点什么,感觉《精通CSS 高级web标准解决方案》。
进前10有点难度啊,
感觉页面的一些字体小了,博主有空修改下样式,再大一点的话效果会更好吧。
也是,特别是侧边栏