9_块与内联元素.txt

CSS中元素的分类：块、内联

我们在布局页面的时候，会将HTML标签(元素)分为两种，块元素和内联元素，

我们平时用到的标签div和p就是块元素，链接标签a就是内联元素，

我们可以通过CSS修改元素的类型。

display:block/inline;

1.块元素

默认属性和值为  display:block;

块元素一般是其它元素的容器，可以容纳内联元素和其它块元素，块元素排斥其它元素与其位于同一行，

宽度width和高度height起作用。常见块元素为div p body h1-h6等

注意：块元素很霸道：能设宽和高，独占一行。

2.内联元素

默认属性和值为  display:inline;

内联元素只能容纳文本或其它内联元素，它允许其它内联元素与其位于同一行，

但是宽度width和高度height不起作用。常见内联元素为a em span等

注意：内联元素很温柔。不能设宽和高，不影响换行(就像橡皮筋包住字)

思考:如何让内联元素宽度和高度起作用？

将内联元素的display改为block，如  a{display:block;}