html_css_块与内联元素

块与内联元素

 

在布局页面的时候，会将HTML标签（元素）分成两种，块状元素和内联元素（我们平时用到的标签div和p就是块状元素，链接标签就是内联元素），可以通过css修改元素的类型。

1. 块状元素：｛display:block｝

  一按便能是其他元素的容器，可容纳内联元素和其他块状元素，块状元素排斥其他元素与其位于同一行，宽度（width）和高度（height）起作用，如：div，p，body，h1-h6

块状元素很霸道：能设置宽和高，独占一行

1. 内联元素{display:inline}

内联元素只能容纳文本或者其他内联元素，它允许其他内联与三怒与其位于同一行，但宽度（width）和高度（height）不起作用。常见的内联元素为a，em，span

内联元素很温柔：

不能设高和宽

不影响换

就像橡皮筋包住字

思考：如何使内联元素的宽，高起作用？

Display:block

Display:inline-block