CSS(九)标签分类

最新推荐文章于 2023-02-03 12:54:19 发布

MW0309

最新推荐文章于 2023-02-03 12:54:19 发布

阅读量243

点赞数

分类专栏： CSS 文章标签： html css

本文链接：https://blog.csdn.net/qq_42222342/article/details/104600046

版权

CSS 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

标签分类

按类型

block:div、p、ul、1i、hl…
1.独占一行
2.支持所有样式
3.不写宽的时候，跟父元素的宽相同
4.所占区域是一个矩形
inline:span、a、em、strong、img……
1.挨在一起的
2.有些样式不支持，例如：width、height、margin、padding
3.不写宽的时候，宽度由内容决定
4.所占的区域不一定是矩形
5.内联标签之间会有空隙，原因：换行产生的
inline-block:input、select…
1.挨在一起，但是支持宽高
注：布局一般用块标签，修饰文本一般用内联标签
实践

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS标签分类</title>
    <style>
        body{
            font-size: 0;
        }
        #content1,#content2{
            width: 100px;
            height: 100px;
            background: red;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <span id="content1">M</span>
    <span id="content2">W</span>
</body>
</html>

效果图
在这里插入图片描述

按内容

Flow：流内容
Metadata：元数据
Sectioning：分区
Heading：标题
Phrasing：措辞
Embedded：嵌入的
Interactive：互动的
给大家分享一个好的网站
https://html.spec.whatwg.org/multipage/dom.html

按显示

替换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容。
非替换元素：将内容直接告诉浏览器，将其显示出来。

MW0309

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS(九)标签分类

标签分类按类型block:div、p、ul、1i、hl…1.独占一行2.支持所有样式3.不写宽的时候，跟父元素的宽相同4.所占区域是一个矩形inline:span、a、em、strong、img……1.挨在一起的2.有些样式不支持，例如：width、height、margin、padding3.不写宽的时候，宽度由内容决定4.所占的区域不一定是矩形5.内联标签之间会有空隙，...
复制链接

扫一扫