龙空技术网

HTML基础知识之DIV

有梦爱幻想的女孩 419

前言:

如今大家对“cssdiv”都比较关切,我们都需要了解一些“cssdiv”的相关文章。那么小编同时在网摘上网罗了一些有关“cssdiv””的相关内容,希望朋友们能喜欢,各位老铁们快快来了解一下吧!

一、HTML 块元素

大多数 HTML 元素被定义为块级元素或内联元素;元素在浏览器显示时,通常会以新行来开始和结束;如:<h1>,<p>,<ul>,<table>,<div>等标签;

二、HTML 内联元素

内联元素在显示时通常不会以新行开始;如:<b>, <td>, <a>, <img>,<span>等标签;

三、HTML <div> 元素

HTML 中的<div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器;<div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分;<div> 元素经常与 CSS 一起使用,用来布局网页;

四、div的使用

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><style> .all{ width:500px; height:500px; margin:0 auto; background-color:#000; } .one{ height:100px; background-color:#89E1BF; } .two{ height:100px; background-color:#DEE099; } .three{ height:100px; background-color:#D7A1CE; } </style><body> <!--父div,all是黑色--> <div class="all"> <!--子div,one是绿色--> <div class="one"> </div> <!--子divtwo,是黄色--> <div class="two"> </div> <!--子div,three是紫色--> <div class="three"> </div> </div></body></html>

演示效果如图所示:

标签: #cssdiv