CSS，html各类标签特点

前言：熟记各类标签的特点，特征 在写网页时有助于提高效率，降低错误率。这也是html的基本功，需要牢记

• 块元素的特点

1.设置宽高生效
(1) 不设宽度 自适应父级容器的宽度
(2) 不设高度 高度由盒子里的内容撑开

2.独立占据一行
3.支持所有css样式

常用块元素有：

<div></div>
<p></p>
<ul>
	<li></li>
</ul>
<ol>
	<li></li>
</ol>
<table></table>
<dl>
	<dt></dt>
	<dd></dd>
</dl>
<h1></h1> - <h6></h6>
<form></form>

• 行内元素特征

1.设置宽度，高度不生效，宽高默认由字体撑开
2.同类元素在一行，排不下自动换行
3.对margin-top: margin-bottom:上下无效，水平方向有效
4.对代码换行会解析

常用行内元素有：

<span></span>
<strong></strong>
<em></em>
<a></a>
<b></b>
<s></s>
<i></i>
<u></u>
<mark></mark>
<label></label>

• 行内块元素特点

1.设置宽高生效
2.对代码换行解析
3.同类元素在一行排列，不会自动换行
4.margin: padding:有效

常用行内块元素有：

<img src="" alt="">
<input type="" value="" name="" plackholder="">
<button></button>
<textarea type="text" clos="" rows="" value="" name=""></textarea>
<select>
	<option></option>
	<option></option>
</select>