行标签与块标签

在CSS中，有两种基本的HTML元素类型：行级元素（inline elements）和块级元素（block elements）。

行级元素（Inline Elements）：

• 默认情况下，行级元素不会打断页面的布局，它们在一行中水平排列。
• 它们不会创建一个新的块级框。
• 行级元素的宽度由其内容决定，不能设置宽度和高度。
• 一般情况下，行级元素的外边距（margin）和内边距（padding）的上下方向不会影响其他元素的布局，即不支持margin-top和margin-bottom。
• 一些常见的行级元素包括：<span>, <a>, <strong>, <em>, <i>, <img>等。

块级元素（Block Elements）：

• 块级元素会在页面上创建一个独立的块，独占一行。
• 它们会打断页面的布局，并从新的一行开始。
• 块级元素的宽度默认是父元素的100%，可以设置宽度和高度。
• 块级元素可以包含其他块级元素和行级元素。
• 块级元素的外边距和内边距在所有方向上会影响其他元素的布局。
• 一些常见的块级元素包括：<div>, <p>, <h1>-<h6>, <ul>, <li>, <section>, <article>等。

在CSS中，可以通过使用display属性来控制元素的类型。通过将元素的display属性设置为inline，可以将块级元素转换为行级元素，或将行级元素转换为块级元素。