Web--10月8日随笔

Posted 2021-01-13 lovels

1.去除滚动条的属性：

overflow：hidden；（超出隐藏）

overflow-x:hidden（x轴的滚动条隐藏）

2.z-index 层次叠加  元素叠加   谁的值大谁就在上面。

（1）父级出现position：relative；的时候z-index会失效；

（2）层叠元素出现float的时候会失效

（3）有position：absolute/fixed（绝对定位/固定定位）的时候有效，有作用。

3.背景位置的三种表示方法：

（1）background-position：100px 100px；

（2）background--position：0% 50%；（左右居中，显示在中间）background-position：50% 0%；（上下居中，显示在左边）

（3）background-position：center  center（在页面中间显示）

4.absolute 绝对定位

使用这个属性后，这个元素就不会占用位置了，脱离标准文档流，同时元素本身也就变成了行级块元素。

5.滚动标签

他所具有的标签属性：

direction 决定滚动的方向  默认是left right up  down

behavior  决定滚动的方式  scroll 连续滚  slide  滚动一次     alternate  来回滚动

loop 循环的次数  默认是无数次

scrollamount  运动速度   默认是6

scrolldelay  表示停顿的时间  单位是毫秒  一秒=1000毫秒

aligan 元素的垂直对齐方式  top  middle  bottom（顶对齐 居中对齐  下对齐）

width height 表示区域的大小

hspace ，vspace表示元素到边界的水平距离和垂直距离，值是正整数，单位是像素。

ommouseover=this.stop()  onmouseout=this.start()表示鼠标滑到以上区域的时候滚动停止，当鼠标移开后又开始滚动。