块与内联元素
在布局页面的时候，会将HTML标签（元素）分成两种，块状元素和内联元素（我们平时用到的标签div和p就是块状元素，链接标签就是内联元素），可以通过css修改元素的类型。
- 块状元素：｛display:block｝
一按便能是其他元素的容器，可容纳内联元素和其他块状元素，块状元素排斥其他元素与其位于同一行，宽度（width）和高度（height）起作用，如：div，p，body，h1-h6
块状元素很霸道：能设置宽和高，独占一行
- 内联元素{display:inline}
内联元素只能容纳文本或者其他内联元素，它允许其他内联与三怒与其位于同一行，但宽度（width）和高度（height）不起作用。常见的内联元素为a，em，span
内联元素很温柔：
不能设高和宽
不影响换
就像橡皮筋包住字
思考：如何使内联元素的宽，高起作用？
Display:block
Display:inline-block