<html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> /*块级标签*/ div{ background-color: red; width: 200px; height: 180px; /*隐藏*/ /*display: none;*/ /*display: inline;*/ display: inline-block; } /*p{*/ /*background-color: yellow;*/ /*width: 200px;*/ /*height: 50px;*/ /*}*/ /*行内标签*/ span{ background-color: yellow; /*让行内标签变成块级标签*/ /*display: block;*/ /*width: 200px;*/ /*height: 50px;*/ } /* 行内-块级标签*/ input{ width: 200px; height: 300px; } </style> </head> <body> <div>11111111</div> <div>11111111</div> <div>11111111</div> <span>22222222</span> <span>22222222</span> <span>22222222</span> <a href="#">百度一下</a> <a href="#">百度一下</a> <a href="#">百度一下</a><br><br><br> <!--<p>22222</p>--> <input> <input> <input> </body></html>