（2）使用方法：标签:before{content:"插入的内容";},可以修改插入内容的样式；
（3）排除一些不需要插入内容的元素：使用content属性的追加一个none属性值。使用方法：标签:before{content:none;}
总宽度 = 宽度（width:内容区宽度）+ pdding + border
css3新增box-sizing属性。当box-sizing设置为border-box时，
总宽度 = 宽度（width）= 内容区宽度 + padding + border 。
box-sizing默认取值：centent-box，盒标准与CSS2中的一致。
CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1 的基础上增加了很多强大的新功能，目前主浏览器 Chorme、Safari、Firefox、Opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分。是浏览器的私有属性虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容，前缀还是少不了的。
Chrome 和 Safari：-webkit
Firefox：-moz
IE：-ms
Opera：-o
CSS3 把很多以前需要使用的图片和脚本来实现的效果，甚至动画效果，现在只需要短短几行代码就能搞定。比如：圆角、图片边框、文字阴影和盒阴景、渐变、个性化字体、多图片背景、变形处理（旋转、缩放、倾斜、移动）、过渡、动画、多栏布局、媒体查询等。还有选择器，简化了前端开发工作人中山小榄的设计过程，加快页面载入速度。
你可以先去B站看看视频了解一下这个行业
每个讲师的授课都是不一样的
你要看看你听谁的课能听懂，吸收的效果哈，能自己练习敲出来
然后了解了之后再去考虑去哪个机构，
机构的话不光要了解就业情况
还要了解学习氛围
和交通情况，因为你学完了要面试，还要找工作，最起码实习期过了再搬走
很多因素都需要考虑。
阶段一（HTML&CSS基础）
HTML：html语义化，html常用标签及其语义，html5新特性和新增常用标签
CSS：css语法、选择器，定位、浮动、盒子模型，css3新增选择器及其属性，变形、过滤、动画
Photoshop：基本应用，把psd图转为静态页面
规范：样式和结构分离，制作符合w3c标准的页面，添加注释，规范缩进
阶段二（前端基本功）
javaScript基础：基本语法，算法基础，常用数据结构，编程规范，内置对象常用方法，对象的创建方式和this用法
javaScript API：BOM操作，DOM操作，特效实现、页面布局，事件处理、浏览器兼容处理
JavaScript高级：面向对象思想，对象，json、闭包、原型、作用域链，函数的调用方式及this指向，正则表达式、面向对象理论及实践
jqurey：优势，选择器，动画，链式编程及隐式迭代，插件使用和制作
模块化：概念，演变过程，设计规范，RequireJS
阶段三（移动WEB开发初级）
HTML5&CSS3：多媒体、音频视频播放，DOM扩展、自定义属性、HTML5data，地理定位、文件读取、元素拖拽、多媒体加强，应用缓存、历史管理、web存储，CSS3选择器、新属性、2d转换、3d转换、动画
canvas：绘图命令、非零环绕原则，绘制形状、文字、图片，平移、缩放、旋转变换，ECharts数据报表
Git：命令行、基本使用、对比文件差异、还原、合并，回滚操作、远程仓库操作、GitHub创建远程仓库，github创建远程私有仓库、github和gitlab的区别，生成ssh key并添加到github和gitlab上
阶段四（移动WEB开发高级）
bootstrap：概述，栅格系统，排版、表格、表单、按钮，图片、响应式工具，组件使用
移动web：移动端屏幕介绍、浏览器介绍、操作系统介绍，chrome模拟调试、真机调试、viewport、rem、主流适配方案，手势封装、mvc、常用指令、双向绑定和单项绑定
angularjs：模块、控制器、$watch、自定义指令、jqLite、过滤器，格式化过滤、数据过滤、服务$http、前端路由、http拦截器
css框架：通过bootstrap完成响应式开发，了解常见的移动端UI框架
