CSS3动画就是通过CSS3代码搭建的网页动画。允许设计师和开发人员，通过编辑网站的CSS3代码添加简单的页面动画。可实现HTML元素的动画效果，从一种样式逐渐变化为另一种样式的效果，本文章介绍css3动画animation属性大全和css3动画animation用法。

css3选择器优先级顺序！Important>行内样式>ID 选择器>类选择器>标签>通配符>继承>浏览器默认属性权重，CSS 权重是由四个数值决定的，看一张图比较好解释：图里是英文的，翻译过来分别介绍一下，4 个等级的定义如下：第一等：内联样式，如：style=

flex布局就是弹性布局用比较专业的话来说就是一种弹性布局方案,通过flex布局,大家可以非常快速并且完美地完成页面的布局操作,flex布局是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。

CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下box-shadow属性四个值。Opera:：不知道是从哪个版本开始支持的。Firefox：通过私有属性-moz-box-shadow支持。Safari和Chrome：通过私有属性-webkit-box-shadow支持。所有IE不支持(不知道IE9是否有所改善)。别急，我们将在文章最后会介绍一些针对IE的Hack。

css3伪元素用于向某些选择器设置特殊效果。已存在元素是指DOM中存在的，伪元素则是虚拟的一种，样式也是给这个虚拟的元素使用的。比如伪元素 :before和:after，这两个非常常用前端必会，用于在css渲染中向元素的头部或尾部插入内容，它们不受文档约束，也不影响文档本身，只影响最终样式。这些添加的内容不会出现在DOM中，仅仅是在css渲染层中加入。