css块级标签，行内标签，行内块标签的转换

都挺好，刚刚好

于 2021-09-23 18:22:57 发布

阅读量581

点赞数

分类专栏：面试题文章标签： css html5 html

本文链接：https://blog.youkuaiyun.com/seimeii/article/details/120440573

版权

29 篇文章

订阅专栏

本文详细介绍了HTML中的块级标签、行内标签及行内块标签的特点和典型应用实例，帮助读者理解不同类型标签的作用及其应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

块级标签 

特点：独占一行，对高度、宽度、行高以及顶和底边距都可设置的属性值生效；
如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；

典型的块级标签有：<div> ，h系列，<li>，<dt>，<dd>，<p> ，<form>，<ul>

行内标签 

特点：可以多个标签存在一行，不能直接设置行内标签的高度、宽度、行高以及顶和底边距，
完全靠内容撑开宽高！

典型的行内标签有：<span>，<a>，<b>，<i>，<u>，<em>，<strong>，<label>，<br>

行内块标签 ：

特点：结合的行内和块级的有点，不仅可以对宽高属性值生效，还可以多个标签存在一行显示；

典型的行内标签有：<img>，<input>