元素的显示模式和转换以及常见的标签有哪些

元素的显示模式

1.块级元素：特点是独占一行、可以设置宽高以及宽度默认是父元素的的宽度、设置margin和padding都有效；
2.行内元素：特点是一行可以显示多个、无法设置宽高、元素的大小靠内容撑开（与内容的大小一致）、设置左右margin有效，上下margin无效、设置padding有效；
3.行内块元素：特点是一行可以显示多个、可以设置宽高、设置margin和padding都有效；

元素显示模式的转换

1.转换为块元素：display: block;
2.转换为行内元素：display: inline;
3.转换为行内开元素：display: inline-block;

常见的标签

1.常见的块级元素标签：
<div>、<p>、<h1>到<h6>、<ul>、<ol>、<li>、<nav>、<header>、<footer>、<table>、<form>等
2.常见的行内元素标签：
<a>、<span>、<img>、<del>、<s>、<strong>、<b>、<em>、<i>、<footer>、<label>、<input><sub>、<sup>等