CSS3 学习笔记（一）

CSS全称 Cascading Style Sheet ,层叠样式表。它是用于展示页面样式和布局的标记语言，目前主流浏览器支持的版本到了CSS3。CSS3被划分成几个模块，每个模块都是CSS的某个子集的独立规范，比如选择器、文本、背景等。

CSS3的扩展

将很多以前需要图片或者flash的效果转换为了浏览器自身的图形渲染。支持更多的选择器，让我们更轻松的定义样式。

CSS3的特性

应用CSS3可以设置很多之前只能用图片实现的效果。使用图片，一方面缺乏灵活性，一旦需要修改，就需要用又大又慢的图片处理软件重新作图，再重新保存；另一方面使用图片增加了传输的数据量和HTTP的请求数，拖慢了页面的加载速度。

CSS3还可以实现简单的动画。虽然复杂的动画还是需要通过flash、JavaScript来实现，但实际开发中大多数动画并不复杂，这大大提高了开发效率。

圆角 border-radius 设置圆角阴影 box-shadow 元素边界设置阴影 text-shadow 文字设置阴影 渐变 gradients 是background-image属性新增的参数。 linear-gradient纵向渐变 radial-gradient横向渐变 repeating-linear-gradient 重复的纵向渐变 repeating-radial-gradient 重复的横向渐变变换 transform属性可对 元素进行位移、偏转、拉伸、旋转等 动画媒介查询 media query 可根据浏览器窗口或设备尺寸来应用不同的CSS样式，从而实现对不同设备的适配