任务5.2 CSS基础选择器.pptxVIP

模块5美化网页——使用CSS技术任务5.2CSS基础选择器网页设计项目教程（HTML5+CSS3+JavaScript）

任务描述通过CSS选择器精准定位HTML元素，实现高效的样式控制通过CSS选择器，能够精准定位HTML元素，实现高效的样式控制。区分多种不同的基础选择器，掌握基础选择器的使用方法，合理应用于业务场景。

5.2.1认识选择器选择器与声明块构成一条样式规则规则结构CSS样式表中的每条规则由两部分组成：选择器与声明块。选择器决定哪些元素受影响。声明块由“属性:值;”组成，置于{}内。多条声明无顺序要求，以英文冒号隔开、分号结尾。基础选择器常见的基础选择器主要包含：标记选择器、类选择器、ID选择器。选择器决定样式规则应用于哪些元素。后续小节逐一讲解三种基础选择器的用法。

5.2.2标记选择器通过HTML标签名匹配元素什么是标记选择器标记选择器（也称标签选择器）通过HTML标签名匹配元素，如p、br、h1、h2等。定义样式时直接使用标记名作为选择器，作用于文档中所有该标签的元素。适用场景适合为页面中某一类标签统一设置样式例如：统一设置所有段落的行高与缩进、标题的字号与加粗。优先级较低，易被类选择器、ID选择器覆盖。

案例演示：标记选择器用b、i、u展示不同文本样式p{

line-height:1.5em;

text-indent:2e