HTML块级元素，行内元素，盒子，超详细！！！

元素类型

块级元素

特点：每个块级元素通常会单独占据一整行或多整行，可以对其设置宽度，高度，对齐等属性，常用于网页布局和网页结构的搭建

常见：<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>

行内元素

特点：不必在新的一行开始，不强迫其他元素在新的一行显示，仅仅靠自身的字体大小和图像尺寸来支撑结构，可以定义左右外边距，一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式

常见：<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<a>、<span>

特别的：如果行内元素嵌套在块元素中，就会在块元素中占据一定范围，成为块元素的一部分。

行内元素可以嵌套在块元素中，块元素不能嵌套在行内元素中

行内块元素

在行内元素中有几个特殊的标记< img/>和< input/>< td/>可以对其设置宽和高和对齐属性

< div>标记(重要)

< div>是块级元素，< div>与< /div>之间相当于一个盒子，可以设置外边距，内边距，宽和高，同时内部可以容纳段落，表格，标题，图像等各种网页元素，大多数HTML标记都可以嵌套在< div>中，< div>还可以嵌套多层< div>< div>标记非常的好用，通过id、class等属性配合设置CSS样式，可以代替大多数块级文本标记(如< h> < p>等)

< span>标记

< span>是行内元素，< span>和< /span>之间只能包含文本和各种行内标记，同时配合class属性使用，< span> 中还可以嵌套多层< span>

元素类型的转换

如果想要行内元素具有块元素的某些特性，如设置宽高，或者需要块元素具有行内元素的某些特性，如不独占一行

语法：选择器{display:属性值;}

属性值	说明
inline	此元素显示为行内元素
block	此元素显示为块元素
inline-block	此元素显示为行内块元素，可对其设置宽高对齐等元素，但不会单独占一行
none	此元素被隐藏，(相当于不存在)