CSS学习笔记（四）CSS元素显示模式

一、div和span标签（hmtl标签）

1、div：一般用于配合CSS完成网页的基本布局，单独占一行。

2、span：一般用于配合CSS修改网页的局部信息，不会单独占一行。

3、div和span的区别：div为容器级的标签，可嵌套其他所有标签，如：div、h、ul、ol、dt…；span为文本级的标签，只能嵌套文字/超链接/图片，如：p、span…

二、CSS元素显示模式

1、HTML将标签分为两类：容器级和文本级；CSS将标签分为两类：块级元素和行内元素。

2、块级元素：会独占一行，p+容器级元素；行内元素：不会独占一行。

3、区别：
块级元素：如果某一设置宽度，那么默认和父元素一样宽；如果设置了，就按设置的来。
行内元素：如果没有设置宽度，那么默认和内容一样宽；行内元素不可以设置宽度和高度。
特殊：行内块级元素：为了让元素既不独占一行，又可设置宽、高。

三、元素显示模式转换

1、转换：设置元素display属性
取值：

block 块级 （display: block; 快捷键为db）
inline 行内（di）
inline-block 行内块级（dib）