元素的类型 元素的类型 01 元素的类型 每一个HTML元素都有一个默认的显示值,它都取决于元素的类型。在CSS中,根据它的分类我们可以把HTML元素分为三种类型: HTML 元素类型 块状元素(block) 内联元素(inline) 内联块状元素(inline-block) 块状元素 标签独自占据一行,相邻块状元素不会并列显示,且它的顺序是自上而下的排列; 在网页中以块的形式显示为矩形区域; 所有块状元素都可以定义自己的宽度和高度; 作为其他元素的容器,可以容纳其他内联和块状元素。 描述 示例
  • 1
  • 2
  • 3
块级元素总是从新的一行开始并占据可用的全宽度 块状元素

    常见的块状元素

    1. 其中
      标记是最典型的块状元素。 内联元素 标签在一行内,宽度和高度由内容决定,只有在内容超过HTML的宽度时,才会换行; 表现形式始终以行内逐个进行显示; 没有自己的形状,不能定义宽高,最小内容单元也呈现矩形形状; 遵循盒子模型基本规则。 描述 示例
      2022-06-01 11:04:19 271KB HTML5 网页
元素的转换 01 元素的转换 什么是元素的转换? 元素的转换 display inline block inline-block none 此元素将显示为行内元素(行内元素默认的display属性值)。 此元素将显示为块元素(块元素默认的display属性值)。 此元素将显示为行内块元素,可以对其设置宽高和对齐等属性,但是该元素不会独占一行。 此元素将被隐藏,不显示,也不占用页面空间。 说明 语法格式 display:属性值; 元素的转换 示例 div { display: inline; } span{ display: block; } 总结 02 了解为什么需要对元素进行转换 在HTML界面设计中能熟练运用元素的转换 总结 THANKS
2022-06-01 11:04:19 326KB HTML5
output 元素 output 元素 01 output 元素 标记定义不同类型的输出(比如脚本的输出)执行计算然后在 标记中显示结果 描述 语法格式 说明 属性 值 描述 for element_id 定义输出域相关的一个或多个元素。 form form_id 定义输入字段所属的一个或多个表单。 name name 定义对象的唯一名称。(表单提交时使用) output 元素 ... 语法格式 select 元素 标记用于在表单中添加一个下拉菜单 用于定义下拉菜单中的具体选项 每对中至少应包含一对。 说明 标记名 常用属性 描述 描述