Web前端开发实例与实战第3章 CSS 和CSS.pdfVIP

编写日期：授课日期：任课教师：

课程《Web前端开发实例与授课授课

名称实战》专业班级

授课授课

周次节次第3章3学时

章CSS和CSS选择器学时

1.了解CSS。

知识2.了解开发CSS的历史原因。

3.了解CSS发展史。

教学

1.认识CSS选择器。

目标

能力2.熟知类选择器和Id选择器的区别。

3.认识伪元素选择器。

素质能理解信息科技给人们带来的各种影响，具有自我保护意识和能力

教学

熟知常用的伪类

重点

教学

认识属性选择器

难点

教学

教学环节包括课堂讲授、集体讨论、师生互动、课后答疑等

方法

教学多媒体、课件

用具

第3章CSS和CSS选择器

3.1CSS基础术语

在学习CSS语言之前首先需要对CSS语言中的一些基础术语进行了解，以

教学便能更好地对CSS语言进行学习。CSS语言中的常用基础术语如下所示。

内容1.选择符

CSS选择符就是CSS样式的指代名称。选择符的名称可使用英文字母的大

写与小写、数字、连字号、下划线、冒号、句号。在命名时必须以字母开头。

2.注释

注释用于对CSS代码功能进行解释。通过注释可以完成3个主要功能。

（1）使用文字解释对应CSS代码的具体作用。

（2）使用注释将CSS代码分割为多个功能区域，提高代码可读性和编写效

率。

（3）使用注释可以帮助后期维护人员快速掌握代码的全部功能分布。

3.长度单位

长度单位包括相对值单位和绝对值单位。

（1）相对值单位确定一个相对于另一长度属性的长度，因为它能更好地适

应不同的媒体，所以是CSS中的首选使用单位。CSS支持的相对长度单位如下

所示。

①em：em，元素的字体的高度。

②ex：x-height，字母“x”的高度。

③px：像素，相对于屏幕的分辨率。

（2）绝对长度单位视输出介质而定，所以逊色于相对单位。CSS支持的绝

对长度单位如下所示。

①in：英寸，1英寸=2.54厘米。

②cm：厘米，1厘米=10毫米。

③mm：毫米，1米=1000毫米。

④pt：点，1点=1/72英寸。

⑤pc：帕，1帕=12点。

4.百分比长度值

百分比长度值由可选的正号（+）或负号（-）、一个数字和百分号（%）组

成。在一个百分比值中是没有空格的。

百分比值相对于其他数值，同样可以用于定义每个属性。最经常使用的百

分比值是相对于元素对应属