CSS 学习笔记

来源:互联网 发布:翻墙的原理 知乎 编辑:程序博客网 时间:2024/06/05 10:11

v: 一个xhtml (html)页面 中各元素的默认显示方式是:普通流。


CSS 有三种基本的定位机制:普通流、浮动和绝对定位。除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在 (X)HTML 中的位置决定。块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框称为行框(Line Box),行框的高度总是足以容纳它包含的所有行内框。不过,设置行高可以增加这个框的高度。

v: position 中的各属性值的区别 static(默认)、relative、absolute、fix 。 分别从相对的对象(父级元素还是窗口?)、是否从普通文档流中单独出来(后续元素可以当前面这个元素不存在)。


v:float 属性 要理解 浮动的意思。尽量往上,有可能左右移动被卡住。这时候就需要使用.clear 了。


v: .clear  会使元素布局在 左边、右边或两边都没有浮动元素。 也就是说一般用在上面有浮动元素,单该元素需要重启一行,不需要和上面的元素在同一行。