css－－-心得
2012-05-25 10:19:33 来源：WEB开发网• list-style-position:outside|inside
outside表示列表符号不向内缩进，是列表的默认属性值。
inside表示列表符号向内缩进。
18.定位方式——position
• position:static|absolute|relative
Ø static表示为静态定位，是默认设置。
Ø absolute表示绝对定位，与下一节的位置属性top、bottom、right、left等结合使用可实现对元素的绝对定位。
Ø relative表示相对定位，对象不可层叠，但也要依据top、bottom、right、left等属性来设置元素的具体偏移位置。
• 这主要是因为两个定位方式所参照的标准不一样，绝对定位是以网页的左上角为参照点，而相对定位是以其相近的元素为参照点。
19. 1).浮动——float
• float:left|right|none
Ø left表示浮动元素在左边，是居左对齐的。
Ø right表示浮动元素在右边，是居右对齐的。
Ø none表示不浮动，是默认值。
2).清除——clear
• clear:left|right|both|none
Ø left表示不允许在某元素的左边有浮动元素。
Ø right表示不允许在某元素的右边有浮动元素。
Ø both表示在某元素左右两边都不允许有浮动元素。
Ø none表示在某元素左右两边都允许有浮动元素。
20.层的应用：
<body>
<divstyle="position:absolute; z-index:1; left:29px; top:12px; width:165px;height:104px;"></div>
<divstyle="position:absolute; z-index:1; left:29px; top:12px; width:165px;height:104px;"></div>
</body>
1）.设置层空间——z-index
z-index:auto|数字
Ø auto表示子层会按照父层的属性显示。
Ø数字必须是无单位的整数或负数，但一般情况下都取正整数，所以z-index属性值为1的层位于最下层。
2).设置层裁切——clip
• clip:rect{<上>|<右>|<下>|<左>}|auto
Ø auto表示不裁切。
Ø rect的4个坐标值表示所裁切矩形的4个顶点位置，其中以网页左上角为坐标（0，0），而上、右、下、左这4个坐标值则是以左上角为参照点计算的。而且任意一个坐标值都可由auto来代替，表示该边不裁切。
3).设置层溢出——overflow
• overflow: visible/hidden/scroll/auto
Ø visible：扩大层的容纳范围，将所有内容都显示出来。
Ø hidden：隐藏超出范围的内容（超出范围的内容将被裁切掉）。
Ø scroll：表示一直显示滚动条。
Ø auto：当层内容超出了层的容纳范围时，则显示滚动条。
4).设置层可见——visibility
• visibility:visible|hidden|inherit
Ø visible表示该层是可见的。
Ø hidden表示该层被隐藏，是不可见的。
Ø inherit表示子层或子元素会继承父层或父元素的可见性，父级元素可见则子级元素也可见。
21.鼠标指针——cursor
• cursor:auto|关键字|URL（图像地址）
Ø auto表示根据对象元素的内容自动选择鼠标指针形状。
Ø URL（图像地址）表示选取自定义的图像作为鼠标指针的形状。
Ø关键字共有16种，是系统预先定义好的鼠标指针形状，具体说明和形状见表20-2。
中查找“css－－-心得”更多相关内容
中查找“css－－-心得”更多相关内容更多精彩
赞助商链接
