CSS学习笔记(4)定位/表格/滚动条

本文详细介绍了CSS中的定位属性,包括static、relative、absolute和fixed,以及clip属性的使用。接着讨论了CSS表格属性,如border-collapse、border-spacing等。还提到了滚动条样式和CSS分类属性,如visibility、float、clear和cursor的用法,帮助理解CSS在网页布局和元素控制中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

参考文献: 《HTML, CSS, JavaScript 整合详解》 王津涛 编著,机械工业出版社

 

1.     CSS定位属性,将元素放在页面的指定位置

定位属性

属性值

说明

CSS版本

兼容性

position

static

relative

absolute

fixed

设置定位方式

CSS2

IE4

NS4

F1

bottom

auto

%

length

设置元素与其最近一个定位的父元素底边相关的位置

CSS2

IE5

NS6

F1

left

auto

%

length

设置元素与其最近一个定位的父元素左边相关的位置

CSS2

IE4

NS4

F1

right

auto

%

length

设置元素与其最近一个定位的父元素右边相关的位置

CSS2

IE4

NS4

F1

top

auto

%

length

设置元素与其最近一个定位的父元素顶边相关的位置

CSS2

IE4

NS4

F1

clip

rect

auto

设置对象可视区域

CSS2

IE4

NS6

F1

overflow

visible

hidden

scroll

auto

设置当前元素内容超过指定区域时如何处理内容

CSS2

IE4

NS6

F1

vertical-align

baseline

sub

super

top

text-top

middle

bottom

text-bottom

length

%

垂直对齐方式

CSS1

IE4

NS4

F1

z-index

auto

number

元素层叠顺序

CSS2

IE4

NS6

F1

①     position属性值:

l  static 遵循HTML定位规则

l  relative 相对定位,相对元素原来的位置进行移动,依赖left、top、right及bottom

l  absolute 绝对定位,元素位置完全依赖left、top、right以及bottom属性的指定

l  fixed 目前浏览器不支持

②     clip属性值:

l  rect 表示页面元素可视区域,以上右下左为顺序进行设置,注意不显示的部分依然占据空间,而且需要在position:absolute时属性才生效,如:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值