DIV+CSS布局2解读.ppt

DIV+CSS布局 SPAN SPAN的用法与DIV一样 div这是DIV标记/div span这是SPAN标记/span DIV与SPAN的区别 DIV是块元素，使用会产生分行 SPAN是一个行内元素，使用不会产生分行 border边框属性 Float浮动属性 float 属性定义元素浮动到左侧或右侧。 在 CSS 中，任何元素都可以浮动，浮动元素会生成一个块级元素。 元素对象设置了float属性之后，将不再独自占据一行，浮动块可以向左或向右移动，直到它的外边缘碰到包含它的框或另一个浮动块的边框为止。 float值： Left 和Right ：分别浮动元素到各自的方向 None (默认的) ：使元素不浮动 Inherit ：将会从父级元素获取float值 Clear清除属性 设定是否允许浮动元素之存在，一般和float配合使用； Clear取值： clear:left;清除左浮动 clear:right;清除右浮动 clear:none;左右都可以有浮动 clear:both;左右都不可以有浮动 Display显示属性 控制对象的形状或类型以及是否显示 取值： block：对象被指定为块元素，作为一个新段落，换行显示 none：不显示 inline：对象以内嵌方式显示在当前段落，不换行 list-item：对象以列表形式显示，换行 三、常用网页结构布局实例 单列结构