CSS3的一些理解,附上自制CSS3思维导图

CSS3相比与CSS有很多的实用新特征增加。
例如CSS3新增的基本选择器(子元素选择器、相邻兄弟元素选择器、通用兄弟选择器、群组选择器)。群组选择器的出现,大大的降低了选择器出现相同代码的代码量。
边款与圆角的效果,让我们的页面看起来也变得那么圆滑了起来。
多背景图,以及渐变的效果使我们的页面看起来,更加的有层次感。
transform2D以及3D的转换,让我们图片真正能够动起来——
CSS3 rotate()旋转
CSS3 translate()平移
CSS3 scale()缩放
CSS3 skew()扭曲或斜切
CSS动画animation属性,实现了一些以前需要靠JavaScript才能实现的动画效果。
还有一些包括图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、使用@Font-Face实现定制字体、多栏布局、媒体查询等。

下列效果已经完全能够靠CSS3代码实现——

CSS3的一些理解,附上自制CSS3思维导图_第1张图片


接下来,就是我自制的CSS3基础的思维导图

 

你可能感兴趣的:(CSS3)