关于CSS

本文深入解析CSS中用于布局与显示的关键属性,包括position、display、visibility等,通过实例展示它们如何影响网页元素的定位与可见性,提供丰富的实践指导。

重要的CSS属性:

position:指定元素定位类型,4个可能出现的属性值

static:默认属性,指定元素按照常规的文档内容流进行定位;

absolute:该值指定元素是相当于它包含的元素进行定位;

fixed:该值指定元素是相对于浏览器窗口进行定位的;

relative:

top、left:指定元素上、左边缘的位置

bottom、right:指定元素下、右边缘的位置

width、height:指定元素的尺寸

z-index:指定元素相对于其他重叠元素的”堆叠次序“

display:指定元素是否以及如何显示

visibility:指定元素是否可见

hidden:该元素不可见;

visible:该元素显示;

clip:定义元素的”剪裁区域“,只显示元素在区域内的部分

属性语法是:rect(top right bottom left);

overflow:指定元素比分配的空间大的时候的处理方式

visible:默认值,如果需要,内容可以溢出并绘制在元素的边框的外面;

hidden:剪裁掉和隐藏溢出的内容;

scroll:元素一直显示水平和垂直滚动条;

auto:滚动条只在内容超出元素尺寸时显示;

margin、border、padding:指定元素的空白和边框

backgroud:指定元素的背景颜色或图片

opacity:指定元素的不透明度


document.styleSheets属性是一个只读的类数组对象,它包含CSSStyleSheet对象,表示与文档关联在一起的样式表;


评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值