div专题

来源：互联网发布：c语言程序停止编辑：程序博客网时间：2024/05/29 13:29

DIV（division）

div标签通常设置id或class属性来引用定义的样式，把文档分割为独立的、不同的部分，对文档进行布局；
div是块级元素，每个div占据宽度不同的行；
display：block、inline、none；block按块级元素显示（默认），inline（变为行内显示），none隐藏div；
div可以嵌套使用，在网页布局很常用；
div可以层叠；
div的属性：id、class、display……；

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>div</title><style type="text/css">.content{background-color:gray;}.div1{width:100px;height:100px;background-color:pink;display:block;}.div2{width:100px;height:100px;background-color:red;display:inline;}.div3{/*position: absolute;*/width:100px;height:100px;background-color:blue;/*隐藏div*//*display:none;*//*div层叠：通过position：absolute；再设置各div的z-index：值；值大就在上面*//*z-index:1;*/}</style></head><body><div class="content"><div class="div1">div1</div><div class="div2">div2</div><div class="div3">div3</div></div></body></html>

0 0