做网站的人都知道，现在流行的布局是div+CSS，那么，div+css是怎样布局的呢？小编在这里给你支一招，如何快速学习div+CSS 小编也是热爱网页制作的IT程序员，我对div+CSS的感觉是，比较灵活，div就像是一个容器，CSS是用来塑造这个容器的外貌的。不过布局时，也要采用一些H5自带的标签，这样整张网页写完后，就不会是全是div了。这样看着舒服些儿。这只是我的个人感觉。在这篇经验里我会讲到，div标签是双标签，所以它是要有始有终的。这样相互嵌套时就不会出错了。比如，<div>.....</div>；取名时可以用id，也可以用class，用刚才取好的名称，就可以写CSS了。你可以为这个div设置宽高。也可以设置边框和背景。比如，<div id="top">.....</div>;<div class="top">.....</div>;写样式时，要注意整齐，写样式时，先让内外边距设置为0px，默认是有大概1px的距离的。还可以设置滚动条。这样方便查看与修改。
需要资料的伙伴+QQ1191152156

div标签是双标签，所以它是要有始有终的。这样相互嵌套时就不会出错了。小编给你的一意见是，多看代码，多写代码。最好做一个完整的网页出来，你就了解了。例如：开始标签：<div>；结束标签：</div>。
2
为每个div“取名”，这个名字可以用id，也可以用class。相对而言，id更强势些儿。例如：<div id="top">这里是你要写的内容</div>;<div class="nav">这里是你要写的内容</div>;

用刚才取好的名称，就可以写CSS了。你可以为这个div设置宽高。也可以设置边框和背景。例如：#top{with:100px;height:100px;boder:1px;background-color: #1E90FF;}
4
写样式时，注意如果你用的是id，那么你写CSS时要用
#；如果你用的是class，你就要用.（点）。例如：#
top{这里写div的属性} .nav{这里写div的属性}

样式有许多属性，你需要慢慢的了解。比如，为边框添加阴影效果。为适配多种浏览器，你需要根据浏览器的内核，写相应的代码。例如：box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
小编建议：写样式时，先让内外边距设置为0px，默认是有大概1px的距离的。还可以设置滚动条。例如：*{ padding:0px; margin: 0px;}body{ background-color: #1E90FF; overflow-y: scroll;}