标签: div

布局标签 div、span

  <!DOCTYPE html>
<html>
  <head>
     <title>布局标签 div、span</title>
     <meta charset="utf-8"/>
     <style>
       div{
          width:300px;
          height:300px;
          border:1px solid red;
       }
       span{
          border:1px solid blue;
       }
       h1{
          border:1px solid green;
       }
       p{
          border:1px solid pink;
       }
     </style>
  </head>
  <body>
     <h1>布局标签</h1>
     <!--
       div盒子标签：
          1.是一个块级元素/块级标签
          2.块级元素会占据整行内容
     -->
     <div>
       <h3>今天周二</h3>
       <p>
          今天是个下雨天，天气好凉爽！
       </p>
       <span>今天心情不错！</span>
     </div>
     
     <!--
       span行内元素：
          1.是一个行内元素
          2.一行可以有多个
          3.行内元素是不能添加宽高等样式的！
     -->
     <span>我是一个行内元素</span>
     
  </body>
</html>
游鹄君小于 1 分钟