3-1 万紫千红——用CSS统一色彩管理.pptxVIP

一号任务万紫千红——用CSS统一色彩管理汇报人：xxx时间：2026

任务说明01

本任务将实现页面的统一色彩管理，具体任务如下。 （1）定义并合理运用全局变量，确保其在项目中的有效性和一致性。 （2）为自定义的类添加样式，并在适当的地方引用全局变量，以此增强样式的统一性和组件的复用性。一号任务任务说明

知识准备02

01现代CSS特性03全局属性目录02CSS变量04文字排版与过渡效果06颜色搭配与设计05透明度07CSS命名规范

1.现代CSS特性知识准备现代CSS特性是指近年来随着Web标准和技术的发展，CSS中引入的一系列新功能和改进。主要包括CSS变量、Flexbox和Grid布局、文字排版与过渡效果、透明度控制、命名规范和模块化管理，这些特性提升了CSS的灵活性、可维护性和响应性。本模块先介绍部分特性，后续模块再介绍Flexbox和Grid布局等。2.CSS变量CSS变量也被称为自定义属性（CustomProperties），允许存储一个值并在整个文档中重复使用，有如下特点。?允许设置颜色或尺寸等值，在多个地方使用在一处更改变量值，影响所有引用了该变量的地方类似于编程中的变量，便于统一管理和修改样式

3.使用:root定义全局属性知识准备:ROOT：是一种伪类（可以询问AI助手什么是伪类），代表文档的根元素，在HTML中就是html元素。通过:root定义