CSS3有什么不同？

    我们知道电脑系统有不同的版本，也知道平面设计软件Photoshop也有很多版本，都是在不断的演变，CSS也在不断的更新，所以我们就要不断的去学，掌握源代码的整理技巧，那么CSS3有什么不同?郑州科美教育电脑培训学校做以下详述!

　　CSS3最广为人知的新功能就是border-radisu(圆角)。目前想要做出圆角效果必须使用数张背景图像并搭配div标签建立网状结构，需要多道手续才能完成，然而使用CSS3只需几行代码就可以做出圆角效果。CSS3具有简单且表现丰富的特点。

　　CSS3还有transform功能(斜向变形与回转)。目前的CSS只有纵向和横向变化，然而transform能制作出斜向与回转变化，在目前的网页技术上需花费相当功夫才能完成的效果都能简单做到。除此之外，CSS3还有multiple-background-images(图层式背景)和box-shadow(阴影)、@font-face(网络字体)和Animation(动画)等，以及在此无法列举的多种功能。

　　利用这些新功能，可以用较少的代码来达到所需效果，代码减少也代表着制作网页的时间可缩短，和JacaScript的兼容性也会提高，维护也会相对容易，持此之外还有许多优点。CSS3的各项功能现在仍处于草拟阶段，浏览器开发商也已经陆续支持较稳定的功能，目前也有许多网站采用CSS3制作。

　　到2011年1月CSS3仍未制定正式规格，但各种浏览器已开始支持CSS3，有些知名网站也开始用它来制作网页，接触到CSS3的机会也越来越多，因此CSS3已经是能够实际应用在制作上的工具。在CSS3当中，可指定网络字体的@font-face，能在文字上套用阴影效果的box-shadow，能制作圆角效果的border-radius，能使方块变形的transformer，还能使动画更顺畅的transition等，在不支持CSS3的旧款浏览器上也会自动改用可替代的效果，使用也更方便。

　　接下来看看有哪些应用实例。text-shadow可以给一般文字加上阴影或光晕效果， 可使用与标题文字的强调，或增加内文的可读性。指定方法为定义出横向偏移、纵向偏移、模糊范围和阴影颜色等设定。其可设定多个阴影，因此可用来制作出复杂的效果。

　　可以使用能自动算出色彩和位置变化以制造出动画效果的transition，以及可以应用在光标移到链接文字上方的mouse-on效果。只要花点功夫设定，不只颜色能改变，形状、位置和大小也都能产生变化，能完成各种效果。