CSS显示模式

div和span标签

1.容器级的标签中可以嵌套其他所有的标签（div->一般用于配合CSS完成网页的基本布局、h、ul、ol、dl、li、dt、dd......），文本级的标签中只能嵌套文字/超链接/图片（span->一般用于配合CSS修改网页的一些局部信息、p、buis、strong、em、ins、del......）。
2.注意点：在企业开发中一般情况下要嵌套都是嵌套在div中，或者按照组标签来嵌套。

CSS元素显示模式

1.在HTML中HTML将所有的标签分为两类，分别是容器级和文本级、在CSS中CSS也将所有的标签分为两类，分别是块级元素和行内块元素。
2.块级元素：
1）会独占一行。
2） 所有的容器级都是块级元素。
3） 如果没有设置宽度，那么默认和父元素一样宽，如果设置了宽高，那么就按照设置的来显示。
3.行内块元素：
1）行内块元素不会独占一行。
2）文本级除了p（p是块级元素）都是行内块元素。
3）如果没有设置宽高，那么默认和内容一样宽，行内元素是不可以设置宽度和高度的。
4.行内块级元素：既不独占一行，又能设置宽度和高度。

CSS显示模式转换

1.如何转换CSS元素的显示模式？
设置元素的display属性，取值：block --> 块级、inline --> 行内、inline-block --> 行内块。

原文地址：https://www.cnblogs.com/Shuangyi/p/11219166.html