块元素(块)

块体元素的基本特征

块元素将占据一行，多个块元素将开始新的一行。默认情况下，块元素的宽度会自动填充其父元素的宽度。

可以为块元素设置宽度和高度属性。即使设置了块级元素的宽度，它仍然是一条独占线。

可以为块元素设置边距和填充属性。

块元素支持所有的CSS样式

块元素基本上可以分为以下几类：

1.div没有意义，主要是为了匹配界面布局(双标签)

2.p语义：段落(双标签)

3.h1~h6定义一级标题为六级标题

如果使用P标签，会在里面嵌套div标签，导致P标签里面的样式被剪掉，需要注意。

此外，块元素还包括有序列表ol、无序列表ul和列表dl、dt、dd。

内嵌元素(内嵌)

内嵌元素的基本特征

内联元素不会独占一行，该行中的几个相邻元素会排列在同一行中，直到一行不能排列时，才会更改新行

内容展开宽度

内联元素上设置的宽度和高度属性无效。

内联元素不支持上下边距和填充，只支持左右边距和填充

代码包装被解析

内嵌元素中最常见的标签之一是超链接标签。它可以从一个页面跳转到另一个界面，同时还可以在同一个页面中设置空间“锚点”，实现特定位置的跳转

注意：标记不能嵌套在标记中

标签a的锚点设置方法：

可以通过设置href="# anchor name "跳转。小心添加#

例如：

！DOCTYPE htmlhtml lang='en'head

meta charset='UTF-8 '

标题文件/标题/床头板

span id="top"/span

pasdnajsd/p

英国铁路公司

英国铁路公司

英国铁路公司

英国铁路公司

英国铁路公司

英国铁路公司

英国铁路公司

A href="# top "返回顶部/a/正文/html

标签初始化

下划线样式初始化/*下划线样式初始化*/a { text-decoration : none；

}/*字体样式初始化*/em { font-style : normal；

}

内嵌块元素

内嵌块元素的基本特征

1.支持所有css样式

2.除了块属性标签之外，同一属性和行属性标签排列在一行中

3.代码包装被解析

内联块元素的特点是块元素的宽度和高度可以同时设置，同时可以像内联元素一样与其他行属性标签在同一行。

虽然内联块元素可以同时具有块元素和内联元素的特性，但是在很多情况下，页面中应该使用不同标签对应的特性。其次，内嵌块不完善。因为当一个内联块被设置时，它的换行符将被解析。