CSS3的特性

CSS3 学习笔记（一）

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

CSS3的扩展

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

CSS3的特性

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

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

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