HTML标签元素

行级元素

ferture：

内容决定元素所占位置，不可以通过CSS改变宽高

行级元素	inline
span
strong	em
del	a

块级元素

ferture：

​ 独占一行，可以通过CSS改变宽高

块级元素	block
div	form
p	ol
ul	li
address

行级块元素

ferture：

​ 内容决定大小可以改变宽高

行级块元素	inline-block
image

/*元素的特点由CSS属性来控制*/

/*行级元素:inline*/
span{
	display: inline;
}
/*块级元素:block*/
div{
	display: block;
}
/*行级块元素:inline-block*/
img{
	display: inline-block;
}

​ 可以通过改变display的属性来达到改变标签元素的目的。

​ 行级块元素可以后边可以跟元素，块级元素后边不可以跟元素。

​ 凡是带有inline的元素，都具有文字特性，都会被分割。

<!--4个图片之间会有4px的间距，这是由于img具有文字特性，解决办法只需要-->
<img src="01" />
<img src="01" />
<img src="01" />
<img src="01" />
<!--解决办法,把img排成一行-->
<img src="01" /><img src="01" /><img src="01" /><img src="01" />

/*错误方法*/
img{
	border: 0;
	width: 100px;
	height: 100px;
	margin-left: -6px;
}