css3新特性

现状

  1. 存在兼容性问题,IE9+才支持
  2. 移动端支持优于PC端
    在这里插入图片描述
    权重为10

在这里插入图片描述
在这里插入图片描述
()里使用公式时,里面必须是n,不能是其他字母,从0开始每次+1
在这里插入图片描述
在这里插入图片描述
以上代码执行结果为都不生效
原因:nth-child会给所有孩子都标记,即光头强为1,熊大为2,熊二为3,再接着去核实是否与div匹配
如果换成以下css样式,即可成功
在这里插入图片描述
nth-child(n)和nth-of-type(n)总结:
nth-child是先计数再回头看是否标签符合要求
nth-of-type是先筛选出符合要求的标签再计数

伪元素选择器

在这里插入图片描述
在这里插入图片描述

border-box模型

在这里插入图片描述

css3滤镜filter

filter:函数();
例如:filter:blur(15px); 数值越大越模糊

计算盒子宽度calc函数

例子:子盒子永远比父盒子小30

在这里插入图片描述

CSS3过渡

transition:变化的属性 花费时间 运动曲线 何时开始
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值