文档介绍：课程名称
WEB前端开发（1）
课次
11
任务、项目、课题名称 CSS选择器（1）
课时
2学时
教学内容
CSS选择器：标记选择器、类选择器、ID选择器
教学目标
掌握CSS选择器：标记选择器、类选择器、ID选择器
课程名称
WEB前端开发（1）
课次
11
任务、项目、课题名称 CSS选择器（1）
课时
2学时
教学内容
CSS选择器：标记选择器、类选择器、ID选择器
教学目标
掌握CSS选择器：标记选择器、类选择器、ID选择器
教学重点
CSS选择器：标记选择器、类选择器、ID选择器
教学难点
CSS选择器的使用方法
教学活动及主要环节
复****演示：
如何通过外链式进行样式设置？（操作演示）
导入新课：
什么是CSS选择器呢？
新授:
（body, hl, h2, h6, p, ul, ol, dl, table, td, tr...）
hl｛属性：值;属性：值;属性：值;属性：值;｝
h2｛属性：值;属性：值;属性：值;属性：值;｝
p｛属性：值;属性：值;属性：值;属性：值;｝
声明 密明
选择器 属性值 属性 值
（类选择器）
类别选择器属性值 属性 值
.class!属性：值;属性：值；｝
Class为选择器类别的名称（名称不能是中文，最好是英文单词或拼音）
<title>CSS 类别选择器</title>
〈style type="text/css〃>
.titlel { background-color:#0CF; color:#fff;}
.title2 { background-color:#9C0; color:#f00;}
</style>
</head>
<body>
<p class二"titlel">这是第一段的内容。〈/p>
<p class二〃title2〃>这是第二段的内容。〈/p>
</body>
</html>
（代表唯一）
声明 声明
{ color: red: font-size: 2