css_day3

后代选择器的复习

只影响我们想要控制的,不要影响到别人
后代选择器的层数:头尾皆得,中间找分叉的节点
后代选择器的结构,有类名就尽量用类名

CSS背景

1.背景颜色—— backgro-color:rgb(255,0,0);
2.颜色透明度
1.backgro-color:rgba(255,0,0,1);
a代表颜色的透明程度:0-1
0代表完全透明
1代表完全不透明
2.backgro-color:rgb(255,0,0)
opacity:0.3; 控制背景颜色透明度0-1
3.backgro-color:tansparent; 完全透明的盒子
3.背景图片 bgi
bgr=背景是否平铺
bgp=背景图片的位移 水平往右为正 垂直向下为正 先写x轴,再写y轴
利用方位名词作位移 九种情况
水平:left center right 垂直:top center bottom 没有顺序要求
background-attachment: fixed; 控制背景图片是否随内容滚动
背景的连写:背景的连写没有顺序要求,属性之间用空格隔开即可

css三大特性

1.层叠性
当存在多个相同选择器(权重相同),作用在同一个元素身上,
发生了属性冲突,后来者居上,后面的属性会覆盖前面的。
2.继承性 只有嵌套才可以继承
存在父子关系的盒子,子元素会继承父元素的部分属性
记住两个特殊标签即可
1.a标签不继承颜色
2.h系列的标签不记仇字体大小
3.优先级 继承性 < 通配符 < 标签选择器 < 类选择器 < id选择器 < 行内式 < !important
继承性的优先级为0,!important对继承性没有任何帮助
4.权重的计算
如果出现多个复合选择器,作用在同一个元素身上,那么需要计算各自的权重
历史上最简单的计算方式:数数
1.先确定选择器有没有直接作用到元素身上,如果没有直接作用,那么就是
继承,权重为0。
2.再确定是否有行内式与!important,有则权重最高。
3.开始数数。
4.第一先数id,id最多权重最高。
5.id如果相同,那么再数类,类最多的权重最高。
6.类名如果相同,再数标签,标签最多的权重最高。
7.如果id,类,标签全部都相同,那么权重相同,考虑层叠性。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值