## 前言
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框架就是基于这点建立的栅格系统
- 前端入门
- 前端入职须知
- 前端自我定位
- pc与手机页面差别
- 前端书单
- 前端种子计划
- 前端技术栈
- ps
- ps入门阶段
- html
- html入门
- html代码规范
- meta
- table
- iframe
- a标签详解
- image
- html代码审查工具
- h5专题
- h5入门
- h5新增属性
- canvas画布教程
- audio/video
- Geolocation
- Websockets
- Web storage
- Communication
- Web Workers
- requestAnimationFrame
- css
- css入门必学
- css代码规范
- 项目字体规范
- css基本位置布局
- css常见样式命名规则
- css代码优化建议
- css常用样式名
- css选择器攻略
- css盒子模型的理解
- css属性继承与默认值
- css代码审查工具
- css中常见的知识盲区
- css3新特性浅谈
- css新特性了解
- border-radius
- background
- transform
- animation
- white-space
- css常用技术
- 文本两端对齐
- css之浮动解决方案
- css优化建议
- 文本超出省略
- img-sprites
- rem布局教程
- 水平居中&垂直居中
- 固宽&变宽布局
- 宽高固定比例的盒模型
- 样式预处理语言
- less教程
- sass教程
- postcss教程
- js
- javascript入门
- js代码规范
- js基础拓展
- js代码审查工具
- js性能优化
- js基本语句
- 基本运算
- 基本语句语法
- js对象
- es6入门
- obj
- Array
- Date
- String
- Boolean
- Number
- Json
- RegExp
- Math
- function
- jquery入门
- jq核心思想
- jq基本语法
- jq插件库汇总
- js常用技术
- break&continue区别
- js对日期转换
- js控制运动-move.js
- 原生js-cookie语法
- ajax请求后回调
- 表单数据序列化
- zepto
- zepto入门
- 百度touchjs
- js编程
- 插件库
- 功能性插件
- pdfjs
- wdatepicker
- qrcoder
- barcode插件
- photoviewer
- hammer.js
- echarts
- 交互组件
- layerjs
- java
- java入门
- java基本语句
- springMVC
- javaweb
- vm模板引擎
- freemarker
- maven教程
- mySql教程
- flex教程
- flex入门
- git教程
- git入门
- git分支
- git-tag管理
- git注意事项
- git-torise入门
- ide-git插件使用
- web
- web兼容
- web兼容思想
- pc端兼容适配文档
- pc端兼容bug汇总
- ie兼容bug汇总
- 手机兼容bug汇总
- web安全
- jeecms
- web存储
- app/h5组件
- 安卓教程
- ios教程
- 前端教程
- rubikx的教程
- 其他
- artTemplate
- tmod使用
- 跨域问题
- markdown教程
- 常用工具
- postman-api调试
- web常识
- 浏览器ua统计
- ui框架
- easyui
- bootstrap
- 入门推荐
- weui
- sui-pc
- sui-mobile
- layerUi