以下是效果圖，主要實現三欄式布局。
最先開始的思路：將左、中、右三欄用div裝起來，命名為left，middle，right等。對left的部分設定為float left，對right的 部分設定為float right。
結果出現了以下：
笑哭，當時查詢了網上的一些三欄式布局的**。發現實現方式和我差不多。可是也不是很適用於這次的任務題目。
本人身上有伸手黨的特質，於是跑去參考了一下別人已完成的**。
於是運用到 box-sizing這些方面的知識。
當時我的心情是瑟瑟發抖的。
想想以前在進行web課程的學習時，進行得非常快，後來又沒有給自己乙個比較好的回饋，現在基礎知識非常不紮實。
只能惡補css布局方面的相關知識。
就繼續說下去啦。
不急，就慢慢地記錄我的學習過程就好了哈哈哈。
首先，需要說明的是，在學習web前端開發的時候，css樣式表均採用外部樣式表，即單獨的css檔案來連線相應的html檔案。這樣我們排除一些由於優先順序帶來的問題。
同時，學習的重點將會集中的css布局知識。
接著是css獨特的選擇器語法，可以這樣：
h1也可以這樣：
h1,h2,h3,h4,h5,h6更為高階的選擇器用法有：
第乙個是後代選擇器：
h1 em第二個是子元素選擇器：
h1 > em第三個是相鄰兄弟選擇器：
h1+p意味著假如h1下有三個p的宣告，且屬於同乙個父元素的話，那麼**只會作用最後乙個「+」之後的元素，比如h1+p+p則會作用於第二個p宣告。（注意它不會對h1進行設定）
第四個是id選擇器：（id是獨一無二的）
用棋盤號或者成為井號顯示
#red
#green
第五個是類選擇器：
用點號來顯示
.center.fancy tdtd.fancy第六個是屬性選擇器：
具體參考檢視屬性選擇器
今天就先到這裡啦。
web前端學習 11 24 25
這應該是對html的學習吧，到css部分的時候先暫停了。html的學習應該就是其標籤的認識，現在先把所有學到的標籤列出來 1.2.3.4.5.這個部分似乎還有更多可加入屬性 6.7.8.9.10.11.12.13.14.15.16.17.18.target屬性似乎在xhtml1.1中被刪除 19.2...
web前端學習 5
今天學的內容比較多，大概是簡單的原因吧.html框架，垂直框架 它不能與body標籤同時使用。問 乙個框架做導航欄，另乙個框架做內容，怎樣才能讓內容欄的內容隨導航欄的選擇而改變呢？內聯框架 iframe xthml語法規則 1 屬性名稱必須小寫 2 屬性值必須加引號。3 屬性不能簡寫 4 用id屬性...
關於web前端學習
html的學習 1.html又可以叫做超文字標記 標籤 元素 語言 2.html語言的基本組成單位 1.單標籤的語法 標籤名 2.雙標籤的語法 標籤名 內容 開始標籤也可以被稱為開放標籤和閉合標籤。3.標籤的屬性 標籤名 標籤屬性 屬性值 標籤名 標籤屬性 屬性值 內容 3.html的基本機構 1....