3.认识行内标签

小鹿在进步

已于 2024-09-19 19:02:14 修改

阅读量307

点赞数 6

分类专栏： HTML&CSS 文章标签：前端 html css

于 2024-09-19 18:58:58 首次发布

本文链接：https://blog.youkuaiyun.com/FFpass/article/details/142367391

版权

HTML&CSS 专栏收录该内容

18 篇文章

订阅专栏

行内元素默认特点： display: inline 行内展示。

行内元素：在同一行显示，不能直接设置宽度高度。

CSS中的 /* display: block;*/ 是把标签设置为块级元素的意思

/* text-decoration: underline; 下划线 */

行内元素是用于修饰页面的细节。字体颜色、字体大小，文本线

块元素用于承载内容，进行排版布局。

 <title>行内标签</title>
    <style>
        .demo-1 {
            font-size: 30px;
            font-weight: bold;
            color: red;
        }

        .demo-2 {
            background-color: green;
            height: 100px;
            color: white;
        }
    </style>
</head>

<body>
    <span class="demo-1">hello world</span>
    <span class="demo-2">hello world</span>