行块属性

1.行属性标签。

默认display：inline;

可以和其他行属性标签放置在同一行。 a, span, em, strong。

行属性标签的区域大小只由内容来撑开，width和height属性是无效的。

2.块属性标签。

默认display: block;

独占一行，div,p,h1~h6,ol,ul,li。

块属性标签默认宽度和父元素宽度保持一致，高度由内容撑开，但是可以通过width和height属性来改变。

3.行内块属性

默认 display：inline-block

可以和其他行属性标签以及行内块属性标签放置在同一行

可以通过css属性修改宽高，weight和height属性在此是有效的

 

p标签是块标签，可以设置高度和宽度

a标签是行标签，如果设置高度和宽度则没有效果，其区域的大小则由内容撑开

 效果如下

将p标签内添加属性display: inline;则块标签转化为行标签

 

 

 效果如下

 

 在a标签内添加display: block; 则行标签转化为块标签，此时设置的宽度width和高度height将产生效果

 

 

效果如下