标签显示模式与转换

标签显示模式

1、块级元素：一行一个

eg：<h1> 、 <h6> 、 <p> 、 <ul> 、<ol> 、<li > 、<div>  等

特点：
	一行一个
	可以控制  高度 hight  、宽度 width 、外边距、内边距 
	宽度默认容器（父级）的宽度的100%

2、行内元素：一行多个

eg：<a>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span> 等	

特点：
	一行多个
	高宽无效
	宽默认它本身内容的宽度
	**行内元素只能访文本和其他行内元素**

3、行内块元素：一行多个

eg：<img /> 、<input /> 等

特点：
	一行多个
	和相邻行内元素在同一行，但是之间会有空白缝隙。
	默认宽度是他本身内容的宽度。
	宽度、高度、行高、外边距以及内边距都可以手动设置。

标签模式的转换

1、块级元素——>行内元素 ： display:inline;
2、行内元素——>块级元素： **display:block**;  （多用）
3、块、行内元素——>行内块： display: inline-block;