3区块与层.pptVIP

* * 一、块标记 二、区块定位 三、浮动与清除 四、层 一、块标记 1、块标记div ---- 定义网页上的一个特定区域，该区域将套用此标记所定义的样式。 2、块标记span ---- 定义网页中某一小段的文字段落。 3、块标记内文字的对齐 ---- div align=“” 二、区块定位 1、设置与顶点的竖直距离 ---- top 2、设置与顶点的水平距离 ---- left 3、设置元素的宽度 ---- width 4、设置元素的高度 ---- height style type=text/css !-- div{ position:absolute; top:80px; left:17px; width:300px; height:auto; } -- /style /head body divimg src=images/1.jpg“ width=300 /div 三、浮动与清除 1、浮动 ---- float 语法： float：属性值 None ---- 不浮动 Left ---- 对象浮动在左边 Right ---- 对象浮动在右边 2、清除 ---- clear 语法： clear：属性值 None ---- 允许两边都浮动 Left ---- 不允许左边浮动 Right ---- 不允许右边浮动 Both ---- 不允许两边有浮动 四、层 1、设置层先后顺序的覆盖 ---- z-index 语法： z-index：顺序数值 注：值高的在上方 2、设置裁切区域 ---- clip 语法： z-index： auto rect（number number number number） 不设置裁切 按上下左右的顺序裁切 注：左上角坐标为（0，0） 3、层的溢出控制 ---- overflow 语法： overflow：属性值 Visible ---- 不论层大小都将显示 Hidden ---- 隐藏超出层大小的内容 Scroll ---- 无论是否超出都添加滚动条 Auto ---- 只在超出时显示滚动条 *