（1）在CSS3中使用before選擇器在元素的前面插入內容，使用after在元素后面插入內容，在選擇器content屬性中定義要插入的內容；

（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框架