CSS3教程

在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系统

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

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

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

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

在css3中，em是一个相对长度单位，相对于当前对象内文本的字体尺寸，也就是font-size设置的大小；如果当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。本教程

css3中用“>”符号（子结合符）表示子代选择器，语法“E>F{...}”，用于选择所有作为E元素的直接子元素F，并为其设置样式；子代选择器只能选中子元素，而不能选中孙辈元素。本教程操作环

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

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

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

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

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

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

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