CSS过渡效果（transition）
通常当CSS的属性值更改后，浏览器会立即更新相应的样式，例如当鼠标悬停在元素上时，通过:hover选择器定义的样式会立即应用在元素上。在CSS3中加入了一项过渡功能，通过该功能您可以将元素从一种样式在指定时间内平滑的过渡到另一种样式，类似于简单的动画，但无需借助flash或JavaScript。
CSS
CSS动画（animation）
通过之前的学习我们知道，利用transition属性可以实现简单的过渡动画，但过渡动画仅能指定开始和结束两个状态，整个过程都是由特定的函数来控制的，不是很灵活。本节我们再来介绍一种更为复杂的动画——animation。动画（animation）：和过渡类似，
CSS3多列布局（Multi-column）
多列布局（Multi-column）多列布局就是将文本内容设计成像报纸那样的多列布局。或者说在之前我们通过js或者JQuery才能实现的瀑布流，在CSS3中我们可以直接通过CSS就可以实现，虽然有兼容性上面的问题。。兼容性IE10+、FireFox16+、Chrome26+、Safari6.1+、Op
CSS滤镜（filter）
说起滤镜可能大家首先想到的就是PhotoShop之类的制图软件，通过此类软件的滤镜可以对图片进行美化。而在CSS中，我们无需借助任何软件也可以实现很多种滤镜效果，例如模糊效果、透明效果、色彩反差调整、色彩反相等等。另外，通过CSS中的滤镜还能对网页中的元素或者视频进行处理。
CSS改变盒子模型（box-sizing）
box-sizing属性是CSS3中引入的，有人解释为它可以指定用width属性与height属性分别指定的宽度值与高度值是否包含元素内部的补白区域，以及边框的宽度与高度。这句话有点绕，我理解为它是一种容器高宽的计算方法，具体是怎样的一种计算方法，
CSS弹性布局/弹性盒子（flex布局）
flex是flexiblebox的缩写，译为“弹性布局”，用来为盒模型提供最大的灵活性，任何一个容器都可以指定为flex布局，只需要设置“display:flex"即可；行内元素可以通过设置”display:inline-flex“实现；需要注意的是，
CSS调节元素大小（resize）
resize属性是CSS3UI中的一个属性，允许用户调整元素的尺寸。resize属性是CSS3UI中的一个属性，允许用户调整元素的尺寸。resize:none|both|horizontal|vertical;语法说明如下：●none：用户无法调整元素的尺寸；●both：用户可调整元素的高度和宽度；●
CSS响应式布局（自适应布局）
什么是响应式布局？响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。在移动互联网高度发达的今天，我们在桌面浏览器上开发的网页已经无法满足在移动设备上查看的需求。传统的开发方式是PC端开发一套页面，手机端再开发一套页面。但是这样做非常麻烦，随着不同的终端越来越多，你需要开发多个不同版本的页面。