Skip to content

1.1 CSS3新特性

1. CSS3选择器

CSS3加入了很多之前没有的伪类选择器和伪元素,使得html变得更简洁,更好维护。

2. 抛弃图片的视觉效果

有点绝对,还不能完全抛弃,比如复杂的图片效果,能实现,但是很麻烦。但 是,CSS3可以快速实现一些简单视觉效果,比如背景透明,圆边框,特殊边框等等。

3. 盒模型变化(多列布局和弹性盒模型)

以前盒模型不能支持多列布局,现在可以,并且支持弹性(自适应)。

4. 阴影效果

文本阴影(text-shadow)和盒子阴影(box-shadow).文本阴影之前就存在,但是兼容性 特比差,没有普遍使用。

5. web字体和webfont图标

之前使用字体很麻烦,并且兼容性差,现在方便多了。并且很多字体图标网上很多,使 用相当简单。

6. css3过度与动画交互效果

简单的过渡效果以及一些动画效果,使得网页很丰富。

7. 媒体查询

不同终端下样式的适应。