CSS3

css3是css技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模

ie7兼容一点点css3。ie是不完全兼容css3的，ie8以下是几乎不兼容的，IE8只兼容非常小的一部分，从IE9及以上开始兼容部分，但像flex-box这类的都是不兼容的；然后IE11以后开始兼容像fl

在css3中，可以利用“:active”选择器和display属性来实现点击隐藏div的效果，只需要给div元素添加“”本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。在css3中，可以

css3的文本属性有：punctuation-trim、text-align-last、text-justify、text-outline、text-overflow、text-shadow、text-wrap、word-break等等。本教程操作环境：windows7系统

本文从三个特别的角度出发，配合丰富的实例，概括了HTML5与CSS3对页面工作带来的息息相关的变化和精彩。

CSS3变形指的是利用transform属性对元素进行旋转、扭曲、缩放、位移、矩阵、原点等类型的变形处理；元素的变形操作需要配合使用rotate()、skew()、scale()、translate()、mat

css3实现颜色渐变效果的方法：可以利用linear-gradient函数和radial-gradient函数分别实现线性渐变效果和径向渐变效果，如【linear-gradient(yellow, green)】。css3渐变有两种

css3过渡有2种触发方式：1、通过伪类元素触发，包括“:hover”、“:focus”、“:checked”等方式；2、通过JS触发，使用js或Jquery代码修改CSS属性，进而触发transition的渐变。本教程

“box-shadow”是css3新增的属性。“box-shadow”属性的作用就是给元素框添加一个或者多个阴影，语法为“元素{box-shadow:水平阴影位置 垂直阴影位置 blur spread color inse

css3中，过渡属性transition用于设置元素过渡效果，是简写属性，语法“transition:property duration timing-function delay”，属性值分别设置了元素过渡的属性名、时间、转速和延

css3新增的选择器：“[attribute^=value]”、“[attribute$=value]”、“[attribute*=value]”、“:first-of-type”、“:root”、“:empty”、“:target”等等。本教程操作环

css3新增的边框属性：1、“border-image”，该属性是简写属性用于设置元素边框的样式；2、“border-radius”，该属性用于设置元素四角的圆角样式；3、“box-shadow”，该属性用于设置元

在css3中，可以利用“.class”选择器连接class，该选择器用于选取带有指定类（class）的元素，选中指定元素后就可以设置选中元素的样式，语法为“.class{css样式代码;}”。本教程操作环

css3语法规则由“选择器”、“属性”和“属性值”三个部分组成。“选择器”指定css样式编码所要针对的对象，“属性”是CSS提供的设置好的样式选项，“属性值”是用来显示属性效

css3链接伪类有5个，分别为：1、“:link”，设置未被访问的链接的样式；2、“:visited”，设置已经被访问的链接的样式；3、“:hover”，设置将鼠标悬浮在链接上的样式；4、“:active”；5、“