html标签元素分类

Posted 2020-08-08 chenjie_n

 在CSS中，html中的标签元素可以被分成三种类型，分别是：块状元素、内联元素和内联块状元素。

　　常用的块状元素有：

　　　　<div>、<p>、<hx>(<h1>......<h6>标题)、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>(长引用)、<form>

　　块状元素的特点：

　　　　1、一个块状元素独占一行；

　　　　2、块状元素的高度、宽度、底边距、定边距和行高都可以设置；

　　　　3、块状元素的宽度在不设置的情况下是它父元素的100%。

　　常用的内联元素有：

　　　　<a>、<span>、<label>、<br>、<em>、<strong>、<i>、<q>、<var>、<cite>、<code>

　　内联元素的特点：

　　　　1、和其它元素在一行；

　　　　2、内联元素的高度、宽度、底边距、定边距和行高都不可以进行设置；

　　　　3、内联元素的宽度就是它所包含文字或者图片的宽度，是不可以进行改变的。

　　常用的内联块状元素有：

　　　　<img>、<input>

　　将内联元素转换为块状元素在要转换的内联元素的css里面写{display:block}

　　将块状元素转换为内联元素在要转换的块状元素的css里面写{display:inline}

　　将元素转换为内联块状元素在要转换的元素的css里面写{display:inline-block}