在CSS中,根据元素显示模式的不同元素标签被分为了两类:行内元素(inline-level)、块级元素(block-level)。
1,首先介绍什么是行内元素,什么又是块级元素?
1.1,行内元素就是不会独占一行的元素,例如:span buis strong em ins del等
1.2,块级元素就是会独占一行的元素,例如:p div h ul ol dl li dt dd等
2,行内元素与块级元素有哪些区别?
2.1,行内元素不会独占一行,而块级元素会独占一行;
2.
标签的显示模式(重点)
div和span标签
1.样式完全相同,标签不同,显示的结果完全不同
2.每个div会独占一行,多个span会并列一排
1.块元素
特点:宽度默认是100%,高度默认是0,可以设置宽度和高度,会继承父级的宽度,换行显示—div ul li p h
示意图
总结:块元素可以添加宽高的属性,独占一行
2.行元素
特点:宽高默认都是0,不能设置宽和高,一行显示—-span b i u a
示意图
总结:对宽高不敏感,不能独占一行
3.行内的块元素
特点:只能设置宽和高,
标签的显示模式(重点)
div和span标签
1.样式完全相同,标签不同,显示的结果完全不同
2.每个div会独占一行,多个span会并列一排
1.块元素
特点:宽度默认是100%,高度默认是0,可以设置宽度和高度,会继承父级的宽度,换行显示—div ul li p h1
示意图
总结:块元素可以添加宽高的属性,独占一行
2.行元素
特点:宽高默认都是0,不能设置宽和高,一行显示—-span b i u a
示意图
总结:对宽高