知識星球今晚20:30Python聖誕學習狂歡夜正式開始！
關註Python公眾號的每一位粉絲都可以免費參加！
猛戳進入詳細瞭解
↓↓↓
精彩馬上開始…..
為啥呢？！
難道 他是潛規則了男上司？！
震驚
！
！
！
當然不！
原因就是
！
！
！
！
！
同是Python開發人員
甲和乙Python方面的能力55開，但是甲比乙多一項web前端的開發，那麼甲的工資會比乙高出2-4K左右！
並且如果你會web前端知識點 它將成為你的加分項
且也是全棧開發工程師必備知識
一、HTML
HTML是英文Hyper Text Mark-up Language(超文字標記語言)的縮寫，他是一種製作全球資訊網頁面標準語言（標記）。相當於定義統一的一套規則，大家都來遵守他，這樣就可以讓瀏覽器根據標記語言的規則去解釋它。
瀏覽器負責將標簽翻譯成使用者“看得懂”的格式，呈現給使用者！(例：djangomoan模版引擎)
翻譯成人話：一套規則，瀏覽器認識的規則。
標準模板：
Doctype標準
Doctype告訴瀏覽器使用什麼樣的html或xhtml規範來解析html檔案
有和無的區別
BackCompat：標準相容樣式未開啟（預設） （瀏覽器按照自己的方式解析渲染頁面）
CSS1Compat：標準相容樣式已開啟（自己開啟）（瀏覽器按照W3C的標準解析渲染頁面）
（一）頁面頭部
（二）頁面主體
標簽一般分為兩種：
塊級標簽：a、span、select 等
行內標簽：div、h1、p 等
input 系列標簽
radio 單選
checkbox 多選
file 上傳檔案
textarea 多行輸入
select 下拉框
img 圖片標簽
ul、ol、dl 串列標簽
table 串列
（1）簡單單元格
（2）合併單元格
label 標簽
Python學習交流群：103456743，群內每天分享乾貨，包括最新的python企業案例學習資料和零基礎入門教程，歡迎各位小夥伴入群學習交流
（二）CSS
（1）css樣式選擇器
標簽上設定style屬性：直接在div裡寫相對應的樣式
id選擇器:把樣式寫到head裡面，以#開頭命名，呼叫對應樣式在div裡用id屬性指定相應的id名
class選擇器（最常用）:把樣式寫到head裡面，以.開頭命名，呼叫對應樣式在div裡用class屬性指定相應的類名，可以多個div呼叫
標簽選擇器:設定div樣式，則body裡所有的div標簽內的內容都會應用此內容
關聯選擇器（層級選擇器）:只讓span裡面的div標簽應用樣式，可多層嵌
組合選擇器:加,號，相同樣式多命名
屬性選擇器:根據屬性進行篩選匹配，只有第一個input標簽匹配上對應的樣式
（2）css樣式取用
css樣式優先順序:如果樣式不衝突，則樣式都應用，如果樣式有衝突，style樣式優先順序最大，其次其他的安裝編寫的順序，越靠近越優先
檔案方式取用樣式
(3)css樣式邊框
(4)CSS樣式浮動
（5）display
（6）邊距
7）overflow
（8）hover
（9）background
未完待續……..
