CSS3简介（概述新特性浏览器支持情况）

Posted 2021-04-09 互联网IT信息

1CSS3概述

产生的背景：

    从2010年开始,html5与CSS3就一直是互联网技术中最受关注的两个话题。从前端技术的角度可以把互联网的发展分为三个阶段：第一阶段是web1.0以内容为主的网络，前端主流技术是HTML和CSS，第二阶段是web2.0的Ajax应用，热门技术是javascrip/DOM/异步数据请求。第三阶段是即将迎来的HTML5+CSS3时代，这两者相辅相成，使互联网又进入一个崭新的时代。

什么是CSS，什么是CSS3？ 

    CSS代表“Casading Style Sheets”，就是样式表，是一种替代并为网站添加样式的标记性语言。现在所使用的CSS基本是在1998年推出的CSS2的基础上发展而来的。10年前在internet开始普及的时候，就能够使用样式表对网页进行视觉效果的统一编辑，但是在10年间CSS基本没有什么太大的变化，一直到2010年终于推出了一个全新的版本---CSS3 。

CSS3 是CSS2 的升级版本，3 只是版本号，它在CSS2.1 的基础上增加了很多强大的新功能。目前主流浏览器chrome、safari、firefox、opera、甚至360 都已经支持了CSS3大部分功能了，IE10 以后也开始全面支持CSS3 了。

2CSS3新特性

    CSS3到底给我们带来了哪些新特性呢？简单的说，CSS3把很多以前需要使用图片和脚本来实现的效果，只需要短短几行代码就能搞定。比如圆角，图片边框，文字阴影和盒阴影等。CSS3不仅能简化前端开发工作人员的设计过程，还能加快页面载入速度。

    圆角效果 

    图形化边界 

    块阴影与文字阴影 

    使用 RGBA 实现透明效果 

    渐变效果

    文字或图使用 @Font-Face 实现定制字体 

    多背景图

    像的变形处理（旋转、缩放、倾斜、移动）

    多栏布局 

    媒体查询

3CSS3浏览器支持情况

CSS3浏览器支持状况

    Firefox：3.05+…部分支持

    Google Chrome：4+…较好支持

    Internet Explorer：IE9+部分支持

    Opera：10+…部分支持    

    Safari：(3.2.1+ windows…较好支持)。