百度前端學院任務題 任務3

2022-03-06 16:03:42 字數 604 閱讀 5908

任務3:三欄式布局

就是這個樣子 。總結:

思路就是三個div,前兩個浮動,第三個設定margin-left,margin-right值這樣就可以實現這樣的效果,我在做的過程中遇到的問題:

三個div比如 頭像部分class=head,個人logo部分class=person,內容部分class=content,可是如果把class=content的內容區域放在中間的話,那麼class=person的盒子就會被擠下來,這是第乙個點:float脫離文件流的,不佔位,但是文字環繞效果是乙個特殊。

第二個點 :中間的content盒子是不設定寬度,既然class=head,class=person是浮動的會吧content擠下來,那content是怎麼上去的? 

給content設定margin-left,margin-right值

老白隊和小粉隊

我們是小粉隊我們是老白隊

百度前端學院任務筆記(一)

1.心得 看完 head first html 與 css 就開始任務。結合任務二著手寫了個簡單的網頁簡歷。一開始認為應該會很easy,沒想到還真不怎麼順利。對元素的定位,字元間距,段落間距的掌握實在糟透了。2.知識點 1 垂直居中 給定元素寬度 可用 具體畫素大小 min width max wi...

百度前端學院 熱身任務攻略

第一關 一筆畫出折線,穿過圖中的9個點,折線個數盡量少。答案 需要少於四線三折 window.location.host 獲取 window.location.pathname 獲取路徑 第二關 上帝為你關上一扇門,卻開啟了一扇窗,我們需要找到窗的高度,才能爬出窗外 一看便知,需要輸入正確密碼 wi...

百度前端學院 第3天

學院問題驗證如下 總結利用下列屬性為第2天製作的個人簡歷加上樣式,屬性和作業位址如下 color 字型顏色 如color red ff0000 rgb 255,0,0 三種都代表紅色。font family 字型系列 如font family helvetica neue helvetica,ari...