《Web前端开发》课程理论教学部分 第十一讲:选择器 学时计划:2学时理论,0学时实验 (无实验教学内容) 教学大纲: 1、认识选择器 2、基本选择器 3、属性选择器 4、结构性伪类选择器 5、UI元素状态伪类选择器 6、案例:数据表格 7、讨论与思考 选择器是CSS的重要内容。通过选择器的使用,在标签中指定特 定的HTML元素而不必使用多余的 class、ID,从而实现轻量级的标 签书写以及结构与表现更好的分离。CSS中的选择器大部分并不是 CSS3中新添加的,而是没有被得到应有的广泛应用 本讲详细介绍CSS的选择器,并通过案例展示选择器的使用方法 以及通过选择器如何提高页面的简洁性,从而让读者体会到选择器的 重要价值和意义。 认识选择器 选择器是CSS的重要内容,使用选择器可以大幅度的提高开发人 员在书写或修改页面样式是的效率,并使得页面更加简洁和易于阅读。 选择器主要是用来确定HTML的树形结构中的DOM元素节点。在 CSS3中提倡使用选择器来讲样式与元素直接绑定起来,使得样式表 中的样式定义和页面中的元素相匹配起来。通过选择器,还可以实现 各种复杂的指定,同时能大量减少样式表的代码书写量。 CSS选择器分为三部分 第一部分是常用的部分,叫做基本选择器; 1《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/ht/ bs.51xuewebcn1 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 《Web 前端开发》课程理论教学部分 第十一讲：选择器 学时计划：2 学时 理论，0 学时 实验 （无实验教学内容） 教学大纲： 1、认识选择器 2、基本选择器 3、属性选择器 4、结构性伪类选择器 5、UI 元素状态伪类选择器 6、案例：数据表格 7、讨论与思考 选择器是 CSS 的重要内容。通过选择器的使用，在标签中指定特 定的 HTML 元素而不必使用多余的 class、ID，从而实现轻量级的标 签书写以及结构与表现更好的分离。CSS 中的选择器大部分并不是 CSS 3 中新添加的，而是没有被得到应有的广泛应用。 本讲详细介绍 CSS 的选择器，并通过案例展示选择器的使用方法 以及通过选择器如何提高页面的简洁性，从而让读者体会到选择器的 重要价值和意义。 一、认识选择器 选择器是 CSS 的重要内容，使用选择器可以大幅度的提高开发人 员在书写或修改页面样式是的效率，并使得页面更加简洁和易于阅读。 选择器主要是用来确定 HTML 的树形结构中的 DOM 元素节点。在 CSS 3 中提倡使用选择器来讲样式与元素直接绑定起来，使得样式表 中的样式定义和页面中的元素相匹配起来。通过选择器，还可以实现 各种复杂的指定，同时能大量减少样式表的代码书写量。 CSS 选择器分为三部分： 第一部分是常用的部分，叫做基本选择器；