[分享]css内联元素和块级元素

CSS（Cascading Style Sheets）是一种用于设置HTML和XML文档外观的样式表语言。CSS 中的元素可以分为两类：内联元素和块级元素。内联元素是在一行内水平显示，并且只占据它所需...

CSS（Cascading Style Sheets）是一种用于设置HTML和XML文档外观的样式表语言。CSS 中的元素可以分为两类：内联元素和块级元素。

内联元素是在一行内水平显示，并且只占据它所需的空间。内联元素包括 a、span、img、input 和 select 等。内联元素通常用于包裹文本或者其他内联元素，例如链接或者图片。

a {
  color: blue;
}

span {
  font-size: 16px;
} 

块级元素是在独立的行上显示，并且占用整个可用的宽度。块级元素包括 div、h1、ul、p 等。块级元素可以包含其他的块级元素和内联元素。

div {
  width: 400px;
  margin: 0 auto;
}

h1 {
  font-size: 24px;
  font-weight: bold;
} 

内联元素和块级元素的最大区别是它们在页面上的布局方式。使用 CSS，我们可以为它们设置不同的样式来调整它们的布局和外观。