在html中将html将所有标签分为两类：分别为容器级别和文本级别
在CSS中CSS也将所有的标签分为两类：分为块级元素和行内元素
1.什么是块级元素，什么是行内元素
块级元素会独占一行，行内元素不会独占一行
块级元素和行内元素的区别?
1.块级元素会独占一行
如果没有设置宽度,那么和父元素一样宽,
如果设置了宽高,那么就按照设置来显示
2.行内元素不会独占一行
如果没有设置宽高,那么默认和内容一样宽
行内元素是不可以设置宽度和高度的
3.行内块级元素
为了能够让元素既能够不独占一行,又可以设置宽度和高度
那么就出现了行内块级元素
2.如何转换CSS元素的显示模式？
设置元素的display属性
2.display的取值
block 块级
inline 行内
inline-block 行内块级
这个三个显示模式之间可以相互转换
<style>
div{
display: inline;
}
span{
display: block;
background-color: red;
width:200px;
height: 20px;
}
.cc{
display: inline-block;//行内块级
}
</style>