CSS3新特性
2021-12-10 本文已影响0人
骑着蜗牛去攻城
1.属性选择器
image.png
2.结构伪类选择器
image.png
image.png
image.png
3.伪元素选择器（重点）
伪元素选择器可以帮助我们利用CSS创建新标签元素，而不需要HTML标签，从而简化HTML结构。
image.png
使用场景
1.伪元素字体图标
2.仿土豆效果
3.伪元素清除浮动：
image.png
4.CSS3 盒子模型
image.png
5.CSS3 其他特性（了解）
CSS3滤镜filter:
image.png
CSS3 calc 函数:
image.png
6.CSS3 过渡（重点）
过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或
JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。
过渡动画： 是从一个状态 渐渐的过渡到另外一个状态
可以让我们页面更好看，更动感十足，虽然 低版本浏览器不支持（ie9以下版本） 但是不会影响
页面布局。
我们现在经常和 :hover 一起 搭配使用。
transition: 要过渡的属性 花费时间 运动曲线 何时开始;
image.png
