从今天起，小编开始不定期更新CSS3的文章。新来的童靴们，可以到小白前端的主页去补习前面的内容。

小白前端主页文章菜单

今天的文章是课程预热，先让童靴们了解一下CSS3。

CSS3简介

CSS是控制页面的样式和布局，而CSS3是CSS的一套最新标准。CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块。浏览器厂商按CSS节奏快速创新，因此通过采用模块方法，CSS3规范里的元素能以不同速度向前发展，因为不同的浏览器厂商只支持给定特性。但不同浏览器在不同时问支持不同特性，这也让跨浏览器开发变得复杂。

CSS3特性

CSS3增加了许多新的特性，主要有以下模块：

• 选择器

• 边框

• 背景

• 文本效果

• 字体

• 2D/3D转换

• 动画

• 多列

• 用户界面

圆角示例：

div{border-radius:55px;}

背景图示例：

div {background-image:url(bg_flower.gif),url(bg_flower_2.gif);}

文本阴影示例：

p {text-shadow: 5px 5px 5px #06F;}

CSS3提供了针对浏览器的前缀，使浏览器能够兼容CSS3样式：

• Chrome（谷歌浏览器）：-webkit-

• Safari（苹果浏览器）：-webkit-

• Firefox（火狐浏览器）：-moz-

• lE（IE浏览器）：-ms-

• Opera（欧朋浏览器）：-0-

要想懂得一门知识，先得承认自己无知。

关注小白前端，持续收到文章推送！