歡迎光臨
每天分享高質量文章

同是Python程式員,為啥他比你多4K工資

今晚20:30Python聖誕學習狂歡夜正式開始!

關註Python公眾號的每一位粉絲都可以免費參加!

猛戳進入詳細瞭解

Python聖誕大狂歡,2018變大神


精彩馬上開始…..

為啥呢?!

難道 他是潛規則了男上司?!

震驚

當然不!

原因就是

同是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

未完待續……..

作者:李小小小偉

源自:http://www.cnblogs.com/liwei1153300111/p/7975739.html

宣告:文章著作權歸作者所有,如有侵權,請聯絡小編刪除

贊(0)

分享創造快樂