css的显示模式

CSS中有常见的三种显示模式，分别是块级显示模式（block），内联显示模式（inline）和行内块级显示模式（inline-block）。

1. 块级元素（block）：使用块级显示模式的元素会单独占据一行，并且在前后添加了一个<br>换行标签。这些元素的高度、宽度、内边距和外边距都可以控制，并且可以用CSS设置它们的宽、高、内外边距等属性，如div、h1~h6、p、ul、ol、li、table、form等。

2. 内联元素（inline）：使用内联显示模式的元素不会独占一行，与它前后的元素在同一行上。这些元素的高度、宽度、内边距和外边距都是随着内容的增长而增长，并且不能用CSS设置它们的宽高等属性，但是可以用CSS设置它们的内外边距或者样式属性，如a、span、em、strong、img、input、label等。

3. 行内块级元素：使用行内块级显示模式的元素同样不会独占一行，但是可以被设置宽高等属性，并且可以在一行上显示。这些元素的高度、宽度、内边距和外边距都是可以控制的，通常使用在对内容进行包裹且可以设置宽度高度的元素，如button、input、select等。

需要注意的是，元素的显示模式可以通过CSS的属性display来进行调整，常见的值包括block、inline和inline-block。同时，我们可以利用这些属性的特性来进行适当的样式设计，来实现UI布局的需求。