🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 前言 css3区别于css2增加了哪些呢?是否只有圆角是特殊的?当面试官问你是否了解css3呢,希望你能在本文之后能够说出并使用其中一二。 ## css的发展 css3是css样式表的最新版本,与css2单一规范不同,css3对所以的样式进行了分模块处理,而各个模块之间是分开进行,互不影响。 ## css3新特性 1. css3选择器,与jq一样,强化了选择器功能,包括了数量、层次、属性选择器 2. 原先通过图片或者脚本实现视觉效果通过样式实现,减少了标签和脚本的使用,降低维护成本 3. 背景:支持背景大小,多背景设置,减少了标签,更加灵活 4. 盒模型:拓展了盒模型的类型,尤其弹性盒模型flex;支持了盒模型的变形,旋转,缩放,扭曲等 5. 实现了多列布局,摆脱了只能浮动多列布局 6. 阴影效果:文本阴影,盒阴影,简单的阴影效果可以跳过设计稿 7. web字体解决了浏览器无法识别的字体;web font图标,更加灵活的使用图标字体,减少了维护工作 8. 颜色与透明度,支持了多种颜色模式,支持透明度设置 9. 圆角与边框,更加丰富的设计效果实现,去除直角实边的单一效果 10. 过度与动画交互效果,可以设置动画进行简单的交互,提升体验 11. 媒体特性与响应式布局,boot框架就是基于这点建立的栅格系统