块元素和行内元素

块元素和行内元素

（1）块级元素：排斥其他元素与其位于同一行（自己占一行，不能和别的元素放在同一行），可以

设定该元素的width、height，一般作为其他元素的容器，可以放块级元素、行内元素

<1>align属性（center、left、right值）针对于所有块级元素，对行内元素不起作用

<2>display属性值是block

（2）行内元素：只要一行未满，都可以放在同一行。不能设置width、height，可以与其他行内元素位于

同一行，不能包含块级元素，高度由字体决定，宽度由内容长度控制

<1>行内元素的宽度和高度由样式表设置，可以利用htlm的stytle属性设置

<2>display属性值是inline

通过操作样式表的属性stytle可以实现块级元素和行内元素互换

（1）块级元素的特点：

<1>总是在新行上开始，占据一整行

<2>宽、高、外边距、内边距可以设置

<3>宽度（内容区域）始终和浏览器一样和内容无关

<4>可以容纳行内元素和其他块级元素

（2）行内元素的特点：

<1>一行可以放多个行内元素

<2>不能设置宽、高

<3>宽度（内容区域）只与内容有关

<4>行内元素能容纳文本和其他行内元素，但不能容纳块级元素

P.S.img虽然是行内元素，但是它可以设置宽、高