web前端入門必學的16個知識點， 建高樓都需要打好地基！

1、HTML常用標籤

語言是什麼 、Web前端開發語言、 HTML超文字標記語言 、 網頁主體結構 、常用標籤、超連結（a標籤）、Img圖片標籤

2、盒子模型

初探Div盒子模型 、css樣式、 簡單css樣式、盒子模型Border邊框講解、盒子模型外邊距 盒子模型內邊距、盒子模型佔位計算、ul無序列表、ol有序列表、dl定義列表、補充知識（css）

3、樣式初始化及display+外邊距合併

樣式初始化、元素型別轉換、 內聯元素對於以下屬性特殊化、塊級元素和內聯元素的具體應用 控制元素水平方向居中、盒子模型外邊距合併原則

4、元素選擇符+背景

HTML命名規範 、 行業命名規範、 選擇器初級 、background背景樣式

5、css樣式（Font+Text）+特殊符號

font字型樣式、text文字樣式、特殊符號、css樣式查詢表

6、選擇器高階及a偽類

css選擇器、a偽類

7、選擇器高階應用&樣式優先順序 常用css3

選擇器優先順序、樣式的多種形式 、樣式優先順序排序、常用css3

8、浮動

浮動概況、浮動的一般情況 、 浮動的特殊情況 、 浮動對文字的影響 float浮動後的特徵 和 inlink-block 特徵對比、清除浮動、清除浮動的多種辦法、min-width的運用

9、定位

position定位概況、static 、相對定位 relative、絕對定位 absolute、固定定位、z-index 層的位置關係

10、vertical-align img特徵 cursor opacity

img特徵、 vertical-align 垂直對齊方式、cursor指標樣式、opacity透明度

11、表單

form表單 、form中的控制元件

12、表格

table表格結構 、table樣式重置、table的預設特徵、table單元格合併、display:table的特徵

13、frameset框架

iframe內聯框架、frameset框架集、frame子框架、自適應框架例項

14、阿里圖示+css高階應用

CSS繼承指的是、css重用、元件化開發：網頁中不同功能模組，寫入不同的css檔案、ico網站logo、阿里圖示

15、ps工具常用技巧

安裝PS、選單欄介紹、工具欄工具名稱及快捷鍵 、蒙版，連結圖層，圖層分組、圖層右鍵選單、混合模式、選單欄詳細講解

16、終結篇

網站上線（空間，域名） 如何購買空間和域名，網站上傳工具ftp使用，最終實現網站上線

對web前端這門技術感興趣的小夥伴可以加入到我們的學習圈來，程式設計工作第六個年頭了，與大家分享一些學習方法，實戰開發需要注意的細節。784-783-012 秋裙。從零基礎開始怎麼樣學好前端。看看前輩們是如何在程式設計的世界裡傲然前行！不停更新最新的教程和學習方法（web前端系統學習路線，詳細的前端專案實戰教學影片），有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小夥伴歡迎加入。我們會一起結伴同行       學習前端我們是認真的