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

1、CSS3圆角表格圆角表格，对应属性：border-radius。

2、以往对网页上的文字加特效只能用filter这个属性，这次CSS3中专门制订了一个加文字特效的属性，而且不止加阴影这种效果。对应属性：font-effect。

3、丰富了对链接下划线的样式，以往的下划线都是直线，css3可不一样了，有波浪线、点线、虚线等等，更可对下划线的颜色和位置进行任意改变。对应属性：text-underline-style，text-underline-color，text-underline-mode，text-underline-position。

4、在文字下点几个点或打个圈以示重点，CSS3也开始加入了这项功能，这应该在某些特定网页上很有用。对应属性：font-emphasize-style和font-emphasize-position。

5针对于背景来说的话

background-origin:决定了背景在盒模型中的初始位置，提供了3个值，border, padding和content

border:控制背景起始于左上角的边框

padding:控制背景起始于左上角的留白CSS3背景content:控制背景起始于左上角的内容background-clip:决定边框是否覆盖住背景（默认是不覆盖），提供了两个值，border和padding

border:会覆盖住背景

padding:不会覆盖背景

background-size:可以指定背景大小，以象素或百分比显示。当指定为百分比时，大小会由所在区域的宽度、高度，以及background-origin的位置决定

multiple backgrounds:多重背景图像，可以把不同背景图像只放到一个块元素里。

6.文字效果

text-shadow:文字投影，text -overflow:当文字溢出时，用“…”提示

7.动画属性

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

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

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

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

8.用户界面

resize:可以由用户自己调整div的大小，有horizontal（水平）vertical（垂直）或者both（同时），或者同时调整。如果再加上max-width或min-width的话还可以防止破坏布局

9.CSS3过渡

通过CSS3，我们可以在不使用Flash 动画或JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。

 

 

div { 

width:100px; 

transition: width 2s;

应用于宽度属性的过渡效果，时长为

2 秒）

-moz-transition: width 2s; 

/* Firefox 4 */ 

-webkit-transition: width 2s; 

/* Safari 和Chrome */ 

-o-transition: width 2s; 

/* Opera */ 

} 

 

当鼠标指针悬浮于<div> 元素上时

div:hover 

{ width:300px; } 

当指针移出元素时，它会逐渐变回原来的样式。

Css3具有非常强大的功能，我们要多实践才能更好的掌握。