一、块级元素（Block-Level Elements）
1、特点：
总是在新行开始，占据整行宽度。
可以设置宽度（width）、高度（height）、内外边距（margin、padding）。
默认情况下会在前后创建换行。
可以容纳其他块级元素和行内元素。
2、常见标签：
div、p、h1h6、ul、ol、li、table、form等。
3、使用心得：
块级元素是构建页面结构的基础，常用于布局和内容组织。
通过CSS可以改变其默认样式，如设置特定的宽度、高度或内外边距。
在响应式设计中，块级元素的灵活性尤为重要，可以通过媒体查询调整其在不同屏幕尺寸下的表现。
二、行内元素（Inline Elements）
1、特点：
不会独占一行，多个行内元素并排在同一行，直到一行排不下为止。
宽度由内容决定，不能设置固定宽度和高度（但可以通过设置line-height来调整行高）。
只能设置水平方向的内外边距（margin、padding），垂直方向的设置不起作用。
不能容纳其他块级元素，但可以包含其他行内元素。
2、常见标签：
a、span、img、input、label、strong、em等。
3、使用心得：
行内元素主要用于文本内容的排版和样式控制，如链接、图片、强调文本等。
由于其宽度由内容决定，因此在布局时需要考虑内容的长度和排版效果。
在需要对齐或分布行内元素时，可以使用CSS的text-align属性或Flexbox布局。
块级元素和行内元素在网页布局和内容组织中各有其独特的作用，块级元素用于构建页面的整体结构，而行内元素则关注于文本内容的排版和样式控制，在实际开发中，根据需求灵活运用这两种元素，可以创造出既美观又实用的网页界面。