html的div和span, 经常会用到, 尤其是前者。
1. div是块级元素, 实际上就是一个区域, 主要用于容纳其他标签。 默认的display属性是block
2. span是行内元素, 主要用于容纳文字。 默认的display属性是inline
测试代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
<style>
div{
background: red;
}
span{
background: red;
}
</style>
</head>
<body>
<p>测试</p>
<span >我是span,行内元素</span>
<div>我是div,块级元素</div>
</body>
</html>
区别如图所示: