WEB开发网
开发学院网页设计心得技巧 css---心得 阅读

css---心得

 2012-05-25 10:19:33 来源:WEB开发网   
核心提示:• list-style-position:outside|insideoutside表示列表符号不向内缩进,是列表的默认属性值,css---心得(4),inside表示列表符号向内缩进,18.定位方式——position• position:st

• 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。 

上一页  1 2 3 4 

Tags:css 心得

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接