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

（2）使用方法：標(biāo)簽:before{content:"插入的內(nèi)容";},可以修改插入內(nèi)容的樣式；

（3）排除一些不需要插入內(nèi)容的元素：使用content屬性的追加一個(gè)none屬性值。使用方法：標(biāo)簽:before{content:none;}

總寬度 = 寬度（width:內(nèi)容區(qū)寬度）+ pdding + border

css3新增box-sizing屬性。當(dāng)box-sizing設(shè)置為border-box時(shí)，

總寬度 = 寬度（width）= 內(nèi)容區(qū)寬度 + padding + border 。

box-sizing默認(rèn)取值：centent-box，盒標(biāo)準(zhǔn)與CSS2中的一致。

CSS3是CSS2的升級(jí)版本，3只是版本號(hào)，它在CSS2.1 的基礎(chǔ)上增加了很多強(qiáng)大的新功能，目前主瀏覽器 Chorme、Safari、Firefox、Opera、甚至360都已經(jīng)支持了CSS3大部分功能了，IE10以后也開始全面支持CSS3了。在編寫CSS3樣式時(shí)，不同的瀏覽器可能需要不同的前綴。它表示該CSS屬性或規(guī)則尚未成為W3C標(biāo)準(zhǔn)的一部分。是瀏覽器的私有屬性雖然目前較新版本的瀏覽器都是不需要前綴的，但為了更好的向前兼容，前綴還是少不了的。

Chrome 和 Safari：-webkit

Firefox：-moz

IE：-ms

Opera：-o

CSS3 把很多以前需要使用的圖片和腳本來實(shí)現(xiàn)的效果，甚至動(dòng)畫效果，現(xiàn)在只需要短短幾行代碼就能搞定。比如：圓角、圖片邊框、文字陰影和盒陰景、漸變、個(gè)性化字體、多圖片背景、變形處理（旋轉(zhuǎn)、縮放、傾斜、移動(dòng)）、過渡、動(dòng)畫、多欄布局、媒體查詢等。還有選擇器，簡(jiǎn)化了前端開發(fā)工作人中山小欖的設(shè)計(jì)過程，加快頁面載入速度。

你可以先去B站看看視頻了解一下這個(gè)行業(yè)

每個(gè)講師的授課都是不一樣的

你要看看你聽誰的課能聽懂，吸收的效果哈，能自己練習(xí)敲出來

然后了解了之后再去考慮去哪個(gè)機(jī)構(gòu)，

機(jī)構(gòu)的話不光要了解就業(yè)情況

還要了解學(xué)習(xí)氛圍

和交通情況，因?yàn)槟銓W(xué)完了要面試，還要找工作，最起碼實(shí)習(xí)期過了再搬走

很多因素都需要考慮。

階段一（HTML&CSS基礎(chǔ)）

HTML：html語義化，html常用標(biāo)簽及其語義，html5新特性和新增常用標(biāo)簽

CSS：css語法、選擇器，定位、浮動(dòng)、盒子模型，css3新增選擇器及其屬性，變形、過濾、動(dòng)畫

Photoshop：基本應(yīng)用，把psd圖轉(zhuǎn)為靜態(tài)頁面

規(guī)范：樣式和結(jié)構(gòu)分離，制作符合w3c標(biāo)準(zhǔn)的頁面，添加注釋，規(guī)范縮進(jìn)

階段二（前端基本功）

javaScript基礎(chǔ)：基本語法，算法基礎(chǔ)，常用數(shù)據(jù)結(jié)構(gòu)，編程規(guī)范，內(nèi)置對(duì)象常用方法，對(duì)象的創(chuàng)建方式和this用法

javaScript API：BOM操作，DOM操作，特效實(shí)現(xiàn)、頁面布局，事件處理、瀏覽器兼容處理

JavaScript高級(jí)：面向?qū)ο笏枷耄瑢?duì)象，json、閉包、原型、作用域鏈，函數(shù)的調(diào)用方式及this指向，正則表達(dá)式、面向?qū)ο罄碚摷皩?shí)踐

jqurey：優(yōu)勢(shì)，選擇器，動(dòng)畫，鏈?zhǔn)骄幊碳半[式迭代，插件使用和制作

模塊化：概念，演變過程，設(shè)計(jì)規(guī)范，RequireJS

階段三（移動(dòng)WEB開發(fā)初級(jí)）

HTML5&CSS3：多媒體、音頻視頻播放，DOM擴(kuò)展、自定義屬性、HTML5data，地理定位、文件讀取、元素拖拽、多媒體加強(qiáng)，應(yīng)用緩存、歷史管理、web存儲(chǔ)，CSS3選擇器、新屬性、2d轉(zhuǎn)換、3d轉(zhuǎn)換、動(dòng)畫

canvas：繪圖命令、非零環(huán)繞原則，繪制形狀、文字、圖片，平移、縮放、旋轉(zhuǎn)變換，ECharts數(shù)據(jù)報(bào)表

Git：命令行、基本使用、對(duì)比文件差異、還原、合并，回滾操作、遠(yuǎn)程倉庫操作、GitHub創(chuàng)建遠(yuǎn)程倉庫，github創(chuàng)建遠(yuǎn)程私有倉庫、github和gitlab的區(qū)別，生成ssh key并添加到github和gitlab上

階段四（移動(dòng)WEB開發(fā)高級(jí)）

bootstrap：概述，柵格系統(tǒng)，排版、表格、表單、按鈕，圖片、響應(yīng)式工具，組件使用

移動(dòng)web：移動(dòng)端屏幕介紹、瀏覽器介紹、操作系統(tǒng)介紹，chrome模擬調(diào)試、真機(jī)調(diào)試、viewport、rem、主流適配方案，手勢(shì)封裝、mvc、常用指令、雙向綁定和單項(xiàng)綁定

angularjs：模塊、控制器、$watch、自定義指令、jqLite、過濾器，格式化過濾、數(shù)據(jù)過濾、服務(wù)$http、前端路由、http攔截器

css框架：通過bootstrap完成響應(yīng)式開發(fā)，了解常見的移動(dòng)端UI框架