2021-05-11 21:07:51 div标签元素，html布局用div标签认识与掌握。
网页div css html布局常用标签元素。
div本身默认会继承html body的一些样式属性。
div有什么用？
div是布局网页时候使用。
什么时候用div？
布局PC网页还是普通移动网页都会用到div标签，也是网页中主要的布局标签。
布局大框架、布局小局部都可以使用div标签，再加上CSS样式，即可布局出丰富多彩的网页。
如何给div设置样式？div标签怎么用？
网页布局时候，对div设置样式常见有三种：
1、div标签使用style直接设置css
<div style="color:#F00">直接div标签使用style设置div内字体颜色为红色</div>
效果：
直接div标签使用style设置div内字体颜色为红色
2、div使用id设置css
对div设置样式，可以使用id来。
css:
<style>
#iddiv{ font-size:20px; color:#33F}
</style>
div:
<div id="iddiv">设置字体大小20px；蓝色字</div>
效果：
设置字体大小20px；蓝色字
3、div使用class设置css
使用class设置外部css.
css：
<style>
.classdiv{ font-size:32px; color:#360}
</style>
html：
<div class="classdiv">设置字体大小32px；绿色字</div>
效果：
设置字体大小32px；绿色字
大布局比如#header、#footer、#main常为布局命名使用。