CSS基本属性
程序员文章站
2022-06-09 10:36:56
...
一、visibility属性
display:none :隐藏元素
visibility(显示/隐藏的)
取值:
1 visible :默认的可见的
2 hidden :隐藏 依然占据页面空间
3 collapse :使用在表格元素上 删除一行和一列的时候不影响表格的整体布局
diplay 和 visibility 区别在哪儿
1.display:none
不占有之前的位置 脱离了文档流
2.visibility
占有之前的位置,不脱离文档流导致空间依然存在
二、opacity属性
作用:改变元素的透明度
取值:0.0-1 0 全透明 1 不透明
三、改变光标的属性
属性 cursor
取值:
default:默认的
pointer:小手
crosshair:+
text:文本 I
wait:等待
help:帮助
四、定位属性
1.语法:position:
1.static 默认的
2.relative 相对定位
元素会相对于原来的位置的左上角进行位置偏移相对定位是占有之前的位置空间的
3.absolute 绝对定位
元素不会占有之前的位置(脱离了文档流),
绝对定位的元素相对于它最近的已有定位的父级及以上元素进行位置偏移,如果没有已经有定位的父级相对于最初的body进行位置偏移
4.fixed 固定定位
将元素固定在页面的某个地方,不会随着滚动条变化而发生变化
注意:
脱离了文档流
是随着页面的body标签的左顶点进行位置偏移的
X% y%
0% 0%左上角
50% 50%背景中间
background-position: 100% 100%;
上一篇: 桂花水晶糕和枸杞水晶糕的做法
下一篇: 解决滑动到边界阴影效果