DIV+CSS布局2解读.ppt

DIVCSS布局2解读

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:对象以列表形式显示,换行 三、常用网页结构布局实例 单列结构

文档评论(0)

1亿VIP精品文档

相关文档