# 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间毛培房！
看明白了吗，网页就是类似这样的，它显示一堵大围墙，然后在细分小的格子间，然后把我们的内容放到这个格子间中！
请联想一下，生活真，还有什么和我们这个概念和意思，是想通的，请在留言下记录一下！说明你在开动脑筋！
**练习题**：请对上面的百度页面，进行一次布局，然后把结果放到留言区！
**需要源码的，请留言！**