块属性，行内属性，行内块属性的特点与常见标签
- 2021 年 11 月 14 日
- 筆記
一、块属性：
特点:
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。。。
嵌套的时候注意代码的缩进。
