自己雖然經(jīng)歷著web應(yīng)用的開發(fā),總是拿著別人寫好的Css來引用到自己的項目當(dāng)中,甚至一度迷上了bootstrap,發(fā)現(xiàn)有了它自己可以不用在寫程序邏輯的同時還要去修改別人的CSS.當(dāng)然開發(fā)的應(yīng)用大多數(shù)是企業(yè)內(nèi)部應(yīng)用,個別互聯(lián)網(wǎng)的程序.2016偶然的機(jī)會接觸到前端這個概念,發(fā)現(xiàn)自己還是挺喜歡前端的這些知識的.空閑之余,便自己學(xué)習(xí)了起來.好了廢話不說了,先把學(xué)習(xí)到的這些知識記錄下來今天的內(nèi)容是 --圣杯 & 雙飛翼布局

圣杯布局來自國外,大家可以自己找度娘看下,而雙飛翼布局則源自于淘寶UED團(tuán)隊.它倆之間其實都一回事,只是在實現(xiàn)思想上有些不同,都是解決一個經(jīng)典問題,三欄布局,兩邊固定寬度,中間自適應(yīng).上代碼再解釋.

圣杯:

第一步:html內(nèi)容結(jié)構(gòu):注意,名為main的div要放置第一行優(yōu)先渲染

      seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營銷培訓(xùn)

第二步:當(dāng)前每個div給出相應(yīng)樣式

      seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營銷培訓(xùn)

當(dāng)前面頁效果:

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式