欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

简单说一下HTML的元素分类

程序员文章站 2022-06-26 08:37:27
HTML元素的分类行内元素(内联元素):特点和其它元素都在一行上显示;元素的高度,宽度,行高以及顶部和底部的边距是无法设置的。元素的高度就是它包含的文字或图片的宽度,不可改变......

HTML元素的分类

行内元素(内联元素):

特点

  1. 和其它元素都在一行上显示;
  2. 元素的高度,宽度,行高以及顶部和底部的边距是无法设置的。
  3. 元素的高度就是它包含的文字或图片的宽度,不可改变
<span></span>,<a></a>,<strong>和<em>就是典型的行内元素inline元素
块级元素

特点

  1. 每个块级元素都是从独占一行的
  2. 元素的宽度,高度,行高以及顶部,底部边距都是可以设置的
  3. 元素的宽度不在设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设置一个宽度。
<div>,<p>,<h1>,<from>,<ul>,<li>这些都是典型的块级元素 block元素
行内块元素

行内块元素(inline-block)就是同时具备内联元素和块状元素的特点

<img>,<input>标签就是这种内联块元素标签

特点

  1. 换其它元素都在一行上
  2. 元素的高度和宽度,汉高以及底部,顶部边距都可以设置

本文地址:https://blog.csdn.net/weixin_45938584/article/details/107136717