定位之锚点 透明

一、position相关属性值
1、position:static ; 默认值
2、 position: absolute; 绝对定位 脱离文档流 当没有父元素或父元素没有定位时,参照物是浏览器的第一屏 ;有父元素且父元素有定位
3、position:relative; 相对定位 不脱离文档流 自己的初始位置
4、position:fixed; 固定定位 脱离文档流 浏览器的当前窗口
5、position:sticky; 粘性定位 可以做到吸顶效果,粘性定位是css3.0新增加的,兼容不会
层叠顺序
z-index属性是 不带单位的,并且可以给负值,
当没有设置z-index时,最后写的对象优先显示在上层设置后,数值越大,层越靠上
注: 包含块相关的
包含块简单说就是定位参考框或者定位坐标参考系,元素一旦定义了定位显示(相对、绝对、固定)都具有包含性质,它所包含的定位元素都将以该包含块为坐标系进行定位和调整。
包含块时视觉格式化模型的一个重要概念,它与框模型类似,也可以理解为一个矩形,而这个模型的作用是为它里面包含的元素提供一个参考,元素的尺寸和位置的计算往往是由该元素所在的包含块决定的。
当确定是包含块时,
1、如果position属性为absolute ,包含块就是由它的最近的position的值不是static(也就是值为fixed, absolute, relative或sticky)的祖先元素。a子元素有绝对定位 B有父元素且父元素有定位,这个时候父元素是包含块。
2、如果position 属性是fixed,包含块是viewport(视口)浏览器当前窗口。

二、锚点链接效果
定义:是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。
命名锚点的作用:在同一页面内的不同位置进行跳转。(百度百科)
制作锚标记:
1)给元素定义命名锚记名 语法:<标记 id=“命名锚记名”></标记>
2)命名锚记连接语法:
三、透明属性设置
IE浏览器写法:filter:alpha(opacity=value);取值范围0-100
兼容其他浏览器写法:opacity:0.value;
(value的取值范围0-10.1,0.2,0.3-----0.9—1)
四、滚动字幕
<marquee behavior(行为)="scroll(滚动)/alternate(晃动)"direction(方向) ="up(从下向上)/down(从上向下)/left(从右向左)/right(从左向右)"scrollamount(滚动速度)="value"height=“value(上下滚动范围)“width=””(左右滚动范围)>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值