[分享]css中常见的显示模式

CSS中的显示模式是指如何将HTML元素展示给用户。以下是CSS中常见的几种显示模式：1. 块级元素 块级元素在页面中以块的形式展示，它们自上而下排列并且在前后有无形的空白。块级元素通常被用于展示HT...

CSS中的显示模式是指如何将HTML元素展示给用户。以下是CSS中常见的几种显示模式：

1. 块级元素
   块级元素在页面中以块的形式展示，它们自上而下排列并且在前后有无形的空白。块级元素通常被用于展示HTML中的大块内容，例如段落、标题、列表等。常见的块级元素有div、p、h1-h6、ul、ol。

2. 行内元素
   行内元素在页面中以行的形式展示，并且互相挨在一起，不会有前后的空白。行内元素通常被用于展示HTML中的小块内容和标记，例如文本、超链接、图片等。常见的行内元素有a、img、span、strong、em。

3. 行内块元素
   行内块元素结合了行内元素和块级元素的特点。它们在页面中以行的形式展示，并且互相挨在一起，但可以设置宽度、高度、内外边距和边框等样式属性。常见的行内块元素有input、button、select、textarea。

4. 隐藏元素
   隐藏元素表示该元素在页面上不可见，但在DOM中保留。这些元素的作用通常是影响页面布局或JavaScript操作。隐式元素有display:none、visibility:hidden。

5. 浮动元素
   浮动元素是指将元素从文档流中脱离，使其可以重新定位。这些元素通常被用于实现多栏布局、图像和文本的包围等样式效果。常见的浮动元素有float:left、float:right。