大学课程《Web前端开发与应用教程》PPT教学课件：项目四任务3 元素类型与转换.pptxVIP

项目4盒子模型

掌握盒子相关属性1了解盒子模型的概念42理解元素的转换3熟悉元素的类型掌握理解了解熟悉?学习目标

任务三元素类型与转换

在前面的章节中介绍CSS属性时，经常会提到“仅适用于块级元素”。什么是块级元素？在HTML标记语言中元素又是如何分类的呢？下面将对元素的类型与转换进行详细讲解。

HTML标记被定义成了不同的类型，一般分为块标记和行内标记，也称块元素和行内元素。每个块级元素通常都会独自占据一行或多行。以对其设置宽度、高度、对齐等属性。可以容纳行内元素和其他块级元素。块元素3.1元素的类型

pul常见的块元素h1—h6oldivli其中div标记是最典型的块元素。3.1元素的类型

和其他行内元素都在同一行上显示，不会独自换行。高度就是它的文字或图片的高度，默认不可改变。设置高度height无效，可以通过line-height来设置。设置margin只有左右margin有效，上下无效。设置padding只有左右padding有效，上下无效。只能容纳文本或其他行内元素。行内元素3.1元素的类型行内元素也称为内联元素或内嵌元素。

aem常见的行内元素strongspanbu其中span标记最典型的行内元素。3.1元素的类型

强调一下，这里说的“无效”是指对其它元素的排列没有影响。也就是说，设置了margin和padding的行内元素与