块属性，行内属性，行内块属性的特点与常见标签

时间：2021-12-06 作者：zfy050323

一、块属性：

特点:
1.可以设置宽高
2.不可以与别人共处一行
3.不设置宽度的情况下，宽度为100%

常见标签：div , p , ul , ol , li , button , h1-h6 , p等

二、行内属性：
特点：
1.不可以设置宽高
2.可以与别人共处一行
3.其宽高由内容撑开

常见标签：span（空格的话，页面会显示空格，无论多少个空格，只显示一个空格） , a ，img , strong , br等


三、行内块属性：
特点：
1.可以设置宽高
2.可以与别人共处一行

常见标签：img , input等

四、各种标签之间的转换

1、块级标签转换为行内标签：display:inline;

2、行内标签转换为块级标签：display:block;

3、转换为行内块标签：display：inline-block;

五、嵌套规则

块标签可以套行标签，行标签不可以套块标签。

P标签不要套块属性标签，可以套a，span。。。

嵌套的时候注意代码的缩进。