H5C3知识点

CSS三大特性
一、层叠性
1、后边的样式覆盖前边的样式,
2、就近原则
二、继承性
1、后代元素继承祖先元素的样式
2、亲代优先继承
3、元素本身的样式永远是大于继承过来的样式
4、宽度是根据元素本身特点所决定,高度不能继承
三、优先级
1、在同一个元素下,统配符选择器 < 标签选择器 < 类名选择器 < Id选择器 < style < !important
2、多个选择器选中同一个元素,通过权重性比较
定位
1.定位属性:元素定位属性主要包括定位模式和边偏移(偏移量)两部分。
(top left right bottom)
2.定位模式:position(static relative absolute fixed)
(1)自动定位:static
(2)相对定位:relative(相对于自己原来的位置进行偏移,原位置会保留)
(3)固定定位:fixed(相对于浏览器窗口作为参考点,不保留原来位置)
(4)绝对定位:absolute
(1)当祖先元素没有定位时,以浏览器窗口为参考点,进行位置偏移,不保留原来位置
(2)当祖先元素有定位时,以祖先元素为参考点,进行位置偏移,不保留原来位置
3.绝对定位居中:(1)left:50%(父盒子的一半)
(2)设置自己的外边距(margin-left)为宽度负一半的值
4.重叠定位元素的堆叠顺序 z-index(取值可为 正 负 0 )
(1)取值越大 定位元素堆叠元素中越在上
(2)取值一样 后来居上
(3)默认为0
(4)取值不用加单位

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值