内联元素和块元素 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!--
         块元素（独占一行）：做页面布局
             div p h1~h6
             内联元素（行元素）：设置样式
               span（专门用来选中文字，为文字设置样式）  a  img iframe
               a元素可以包含任意元素
               p元素不能包含任意其他块元素
         -->
         <div style="background-color: #FF0000; width: 500px; height: 500px;" >
             
         </div>
         
         <div style="background-color: #550000; width: 500px; height: 500px;" >
             
         </div>
         
         <span>一个</span>
         <span>一个</span>
         
         
         
         
    </body>
</html>

块元素独占一行且用来做页面布局；行元素（内联元素）设置样式；Span标签为文字设置样式

posted @ 2021-06-29 15:33  2237774566  阅读(34)  评论(0)    收藏  举报