CSS标签模式display属性

块元素

常见元素: <h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>

行内元素

常见元素: <strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<a>、<span>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>我是中国人</title>
        
        <style>
            /* CSS标签模式 */
            div {
                background-color: red;
                display: inline;
            }
            s {
                background-color: yellow;
                display: block;
            }
        </style>
    </head>
    <body>
        <s>这是一个s标签</s>
        <strong>这是一个strong</strong>
        <div id="">
            这是一个div
        </div>
    </body>
</html>

image

posted @ 2020-10-09 18:32  thomas_blog  阅读(216)  评论(0编辑  收藏  举报