两大元素分别是head元素和body元素。

body元素定义文档的主体,包含文档的所有元素,比如文本、超链接、图像、表格和列表等等
块级元素和内联元素(通常说行内元素)的区别是块级有独立空间。它本身显示在一行,不管多少字节。而行内是没有display:block的特性的。
内联元素(Inline Element)和块元素(Block Element)是 HTML/CSS 中常见的两种元素类型,它们在布局和显示上有以下区别:
1. 盒模型:内联元素的宽度和高度由内容决定,不会独占一行;而块元素则会独占一行,可以设置具体的宽度和高度。
2. 排列方式:内联元素按照水平方向从左到右依次排列,直到一行放不下为止,然后换行继续排列;块元素则会单独占据一行,每个块元素都会从新的一行开始。
3. 默认样式:内联元素的默认样式为不换行,并且不接受宽度和高度的设置(除非通过 CSS 修改);块元素的默认样式为换行以及可以设置具体的宽度和高度。
4. 内容限制:内联元素不能包含块级元素,只能包含文本或者其他内联元素;块元素可以包含其他块元素和内联元素。
5. 相对定位:内联元素不能设置上下左右的外边距(margin)和内边距(padding),只能设置左右的外边距和内边距;块元素可以设置上下左右的外边距和内边距。
6. 默认宽度:内联元素的默认宽度取决于内容的宽度;块元素的默认宽度为容器的宽度。
需要注意的是,通过 CSS 可以改变元素的显示方式,例如通过设置 `display: inline` 将块元素设为内联元素,或者通过设置 `display: block` 将内联元素设为块元素。这样可以灵活控制元素的布局和显示效果。