div标签-会学html CSS

div标签

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常为布局命名使用。

上一篇:HTML文件
下一篇:css html的区别
更新