3-0 一叶知秋——从开发者工具认识样式.pptxVIP

零号任务一叶知秋——从开发者工具认识样式汇报人：xxx时间：2026

任务说明01

本模块需要对模块1、模块2完成的页面进一步优化，在本任务中，需要根据一致性原则首先完成页面结构的优化和基础样式的添加，具体如下。 （1）检查并优化HTML文档结构，确保所有标签使用正确，嵌套合理，符合语义化标准。 （2）为页面中的关键元素添加合适的id和类名。 （3）使用元素选择器、类选择器和id选择器为页面元素添加基础样式。 （4）使用浏览器开发者工具的“元素”视图检查和验证样式是否正确应用。零号任务任务说明

知识准备02

01层叠样式表CSS02开发者工具目录

1.CSS核心原理知识准备CSS是一种用于描述HTML或XML文档呈现方式的样式表语言，“多个样式可以应用到同一个元素上，而且有一定的优先级。CSS的规则主要由两个部分组成：①选择器（Selector）：选择器用于指定你想要设置样式的HTML元素，例如p选择所有段落，.class选择特定类，#id选择特定id的元素。②声明块（DeclarationBlock）：用花括号“{}”包围，包含一个或多个声明。每个声明都是一个“属性:值”对，用来定义元素的具体样式。属性和值之间用冒号“:”分隔，每个声明后面以分号“;”结束。示例：

1.CSS核心原理知识准备CSS选择器是CSS规则的一部分，用于“选择”要应用样式的HTML元素