# div
什么diy,你搞錯了,是div,div,div,麻煩你好好想想上面我讓你抄50遍,你忘了?
[TOC]
div,對的,我們第一個就得學他,他是我們用來給網頁布局的標簽 !,你是不是在想,這玩意有啥用,那你別小瞧他,京東,天貓,等網站,少了他也是沒有用的,來看看他是怎么存在的!

你學好了他,也就是你的網頁布局能力,有了起點!否則,你什么都還不會!
### div到底是什么:
是一個塊級元素,也就是在網頁上可以用來顯示不同區域顯示不同的內容,好比,天貓的首頁,上面用div顯示頭部,搜素欄,你是不是也和我一樣想到了,他下面的廣告輪播板塊,以及那一排分類信息也是用div來布局實現的呢,沒錯,你的感覺是對的,div就是用來占位,讓信息有條不紊的顯示在用戶的面前!
**你可以用同樣的方法,去看看其他網站,自己找div,打開網頁,然后按F12按鈕,即可,然后用鼠標選擇對應的元素,就可以定位到相應的區域!**
你記住了嗎? div是用來做什么,閉著眼,冥想一下,什么還是想不起來,那就對著上面的內容,抄寫10遍不過分,再冥想,直到你大腦中能一下浮現出這個畫面,整個網頁的每塊信息都是,一個一個的div標簽,你就成功了!
### **學習使用:**
只會看,不會用,那都是假的!

什么你是要我做個百度這樣的網頁嗎?看起來好簡單哦,想不想自己來實現一下呢!
鄭重說明:你是選擇一直是看還是做一個誠實的朋友,你說好的,要好好學習掌握這門技能,看看有用嗎,請立刻馬上動手去寫吧!
步驟1:打框子,就好比房子,先把房間一間一間的弄出來!
我們講究嵌套層布局!
<html>
<body>
<div>
<div>
<!---這是頭部-->
</div>
<div>
<!--這是中間-->
</div>
<div>
<!--這是底部-->
</div>
<div>
<body>
</html>
看的明白嗎?,先是一個大的div,好比你蓋房子,是不是先要在最外面修個圍墻,一樣的道理,里面有3組div標簽,沒錯,好比你家的3室兩廳一樣的,每組div就對應一間房,沒錯上面以及給你安排好了3間毛培房!

看明白了嗎,網頁就是類似這樣的,它顯示一堵大圍墻,然后在細分小的格子間,然后把我們的內容放到這個格子間中!
請聯想一下,生活真,還有什么和我們這個概念和意思,是想通的,請在留言下記錄一下!說明你在開動腦筋!
**練習題**:請對上面的百度頁面,進行一次布局,然后把結果放到留言區!
**需要源碼的,請留言!**