图3.10例3.7 的运行结果_列表框及其选项说明要创建列表框及其选项，需要使用和标签嵌套。表示列表框中的一个选项，放置在这一对标签之间的文本是这个选项显示给浏览者看的文字。选项标签支持一些属性，可用于设置这个选项表示的数据，以及设定它是否在初始状态下被选中，见表3.4。表3.5标签的属性以下代码演示了可多选的列表框。例3.9：代码运行结果如图3.12 所示。......
2025-09-30
HTMLCSS网页设计:上下文选择器
【摘要】：上下文选择器又称为派生选择器，用于根据上下文关系来确定某个标签是否使用上下文选择器的样式规则。例5.7：代码运行结果如图5.10 所示。图5.10例5.7 的运行结果_上下文选择器注意样式表中有两条上下文选择器的样式规则。.myp span 选择器名称说明由class 属性为myp 的段落与这种段落内部的span文字块形成上下文关系，符合这种上下文关系的span 文字块将使用此选择器的样式规则。
上下文选择器又称为派生选择器，用于根据上下文关系来确定某个标签是否使用上下文选择器的样式规则。
例5.7：
代码运行结果如图5.10 所示。
图5.10 例5.7 的运行结果_上下文选择器
注意
样式表中有两条上下文选择器的样式规则。第一条样式规则的选择器中包含两个标签即ol 和li，这两种标签的层级关系形成了上下文，只有被包含在有序列表中的列表项目才会使用这条样式规则。第二条样式规则则只适用于被包含在无序列表中的列表项目。
说明
CSS 样式规则声明代码中，list-style-type 属性用于设置有序列表的列表项目之前使用哪种类型的数字序号；list-style-image 属性设置无序列表的列表项目左侧作为项目符号使用的图片的地址。
除了父子标签可形成上下文关系之外，类选择器与标签以及ID 选择器与标签也可形成上下文关系。(https://www.chuimin.cn)
例5.8：
代码运行结果如图5.11 所示。
图5.11 例5.8 的运行结果_上下文选择器
注意
代码中有两条上下文选择器。
➢mytable td 选择器名称说明由id 属性为mytable 的表格与这个表格内部的单元格形成上下文关系，符合这种上下文关系的单元格将使用此选择器的样式规则。
➢.myp span 选择器名称说明由class 属性为myp 的段落与这种段落内部的span文字块形成上下文关系，符合这种上下文关系的span 文字块将使用此选择器的样式规则。
相关文章
- 详细阅读
-
HTML与CSS网页设计：输入标签详细阅读
图3.5例3.2 的运行结果说明代码中两个标签分别创建了一个文本框和一个提交按钮。标签的type 属性用于设置标签创建哪种类型的表单元素，这个属性的默认值为text 即文本框。表3.1标签的type 属性除type 属性用于设置标签的类型之外，还支持其他一些属性，用于设置其名称，初始值、图像地址、选中与否的状态等。表3.2标签的属性......
2025-09-30
-
基于HTML与CSS，轻松学习网页设计详细阅读
HTML是为“网页创建和其他可在网页浏览器中看到的信息”设计的一种标记语言。HTML 语言由蒂姆·伯纳斯·李给出原始定义，IETF用简化的SGML语法进行进一步发展，后来成为国际标准，目前由万维网联盟维护。使用XML 的严格规则的XHTML是W3C 计划中的HTML 的接替者。注意W3C 目前的建议是使用XHTML 1.1、XHTML 1.0 或HTML 4.01 进行网络出版。HTML 语法的核心是由W3C 定义的一些标记。图1.1例1.1 的运行结果说明HTML 文件中的第一个标签是 。这个标签告诉浏览器，这是 HTML 文件的结束点。......
2025-09-30
-
HTML与CSS网页设计：表格与列表详细阅读
视频教学资源学校目标理解表格的结构掌握表格相关的标签掌握单元格合并理解列表的分类掌握两种列表及列表项目的标签本章单词请在预习前完成下列单词的学习，将其写在横线上。A.width cellspacingB.cellspacing widthC.cellspacing cellpaddingD.cellpadding cellspaing2.使用（）标签为表格创建标题，使用（）标签代替
标签可以创建标题单元格。表格8.创建网页，使用表格存储你所在班级的学生成绩表，包含学号、姓名、语文、数学和外语等信息。学生成绩表9.在网页中使用有序列表显示水果名称，如下图所示。...... 2025-09-30
-
水平线标签-基于HTML与CSS网页设计详细阅读
要想在网页中生成一条水平分割线，将不同的内容信息分开，使文字看起来更加清晰明确，那么就要使用到
标签来达到此目的。一个简单的
标签可以实现简单的分割线，轻松地修饰段落排版，使之更加美观。
标签的多种属性就解决了这些问题。通过给
标签设置一定的属性，可以使它具有更强的表达效果。
标签常用的属性有width，size，align，color 和title。size 可以理解为分隔线的厚度或高度，属性值默认单位同宽度。例1.10：测试水平分割线标签。......2025-09-30
-
HTML与CSS网页设计：嵌入多媒体功能示范详细阅读
例1.17：在网页中的显示结果如图1.19 所示。图1.19例1.17 的运行结果注意浏览器本身并不具备播放音频、视频和FLASH 动画等多媒体的能力，它需要调用本机安装的ActiveX 控件或浏览器插件才能播放。大部分浏览器识别标签，但仍有少部分浏览器只将标签视作嵌入网页的多媒体。其中object 标签的属性见表1.4。图1.22球员信息4.制作一个网页，背景颜色是“#FFD39B”，如图1.23 所示。图1.32腾讯首页其中有京东商城的通栏广告，它是嵌入在网页中的FLASH 动画。......
2025-09-30
-
HTML与CSS网页设计：框架集与框架示例详细阅读
图4.1框架集框架示例_猫扑大杂烩浏览者在浏览器窗口中所看到的画面，实际上是由多个页面一起形成的。图4.2框架集框架示例_华声论坛窗口左侧的导航区内显示众多版块分类的链接，它们可将用户导航到某个版块的帖子列表页面；窗口右侧的内容区则显示最热帖子或编辑推荐帖子等论坛的全局信息。当需要将多个网页组织到同一个窗口中同时显示时，需要使用框架集和框架。......
2025-09-30
- 详细阅读
相关推荐