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