样式之王css3简单介绍

    CSS即层叠样式表（Cascading Stylesheet）

 在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。

    布局

Grid布局图中蓝色的线不会出现在实际的网页中(网页设计)。

Grid布局应用很广泛，最简单的例子就是内容的分栏显示。

  box

Flexbox(伸缩布局盒) 是 CSS3 中一个新的布局模式，为了现代网络中更为复杂的网页需求而设计。

Flexbox 由 伸缩容器 和 伸缩项目 组成。通过设置元素的 display 属性为 flex 或 inline-flex 可以得到一个伸缩容器。设置为
flex 的容器被渲染为一个块级元素，而设置为 inline-flex 的容器则渲染为一个行内元素

 css3新特性

第 1 选择器
第 2 RGBA和透明度
第 3 多栏布局
第 4 多背景图
第 5 Word Wrap
第 6 文字阴影
第 7 @font-face属性
第 8 圆角(边框半径)
第 9 边框图片
第 10 盒阴影
第 11 盒子大小
第 12 媒体查询
第 13 语音

css3动画

变形(transform)、转换(transition)和动画(animation)

transform: rotate | scale | skew | translate |matrix;

旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。

transition主要包含四个属性值:执行变换的属性:transition-property,变换延续的时间:transition-duration,在延续时间段，变换的速率变化transition-timing-function,变换延迟时间transition-delay。