行块属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div,span{width: 100px;
height: 100px;
background: #4caf50;}
div{display: inline-block}
span{display: inline-block}
/*<!--display:inline-block：可以让div标签共处一样行-->*/
img{width: 100px;
height: 100px}
</style>
</head>
<body>
<!--行块属性分为三类；
1.块属性：div yl il p h1 h2 h3 h4 h5 h6 ol 独自霸占一整行，可以设置宽高，默认宽度100%
2.行内属性；span a em strong 可以与其他标签共处一行，不可以设置宽高，其宽高是由内容成开
3.行内块属性；input img button 既可以设置宽高，又可以共处一行-->
<div id="1">123</div>
<div>3456</div>
<span>1234</span>
<span>4567</span>
<img src="img/1-1.jpg" alt="">
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div,span{width: 100px;
height: 100px;
background: #4caf50;}
div{display: inline-block}
span{display: inline-block}
/*<!--display:inline-block：可以让div标签共处一样行-->*/
img{width: 100px;
height: 100px}
</style>
</head>
<body>
<!--行块属性分为三类；
1.块属性：div yl il p h1 h2 h3 h4 h5 h6 ol 独自霸占一整行，可以设置宽高，默认宽度100%
2.行内属性；span a em strong 可以与其他标签共处一行，不可以设置宽高，其宽高是由内容成开
3.行内块属性；input img button 既可以设置宽高，又可以共处一行-->
<div id="1">123</div>
<div>3456</div>
<span>1234</span>
<span>4567</span>
<img src="img/1-1.jpg" alt="">
</body>
</html>
浙公网安备 33010602011771号