标签的显示模式

显示模式	定义	常见元素	典型元素	特点
块级元素	每个块元素独自占据一行或多行，可以对其设置宽度，高度，对齐等属性，常用于网页布局和网页结构的搭建	<h1>-<h6> <div>,<ul>,<ol> <li>	<div>	总是从最新一行开始 宽度和高度，内外边距都可以设置 宽度默认的是容器的100% 可以容纳其他块元素和内联元素
行内元素	行内元素不占用独立的区域，仅仅依靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度，高度，对齐等属性，常用于控制页面中文本的样式	<a><strong><em> <i><del><s><ins> <u><span>	<span>	和相邻元素在一行上， 高宽无效，但水平方向可以使用margin和padding设置，垂直方向无效 默认宽度是它本身内容的宽度 行内原色只能容纳文本或其他行内元素
行内块元素		<img><input><td>		和相邻行内元素（块元素）在同一行，但是之间会有空白缝隙 默认宽度就是他本身内容的宽度 高度，宽度，内外边距都可以控制

注意：

1. P里面不能放块级元素，同理h1-h6都是文字类块级标签，里面不能放其他块级元素
2. 链接里面不能放链接

 

标签显示模式转换display

块转行内：display:inline

行内转块:display:block

块，行内转行内块：display:inline-block