css怎么记住多样的样式 |css3 折线图

/* 1.使用类和ID */
/* 在CSS中，大家可以使用类和ID来设置特定的样式属性，在HTML页面中大家可以使用类和ID来调用这些样式 */
.header {
font-size: 20px;
color: blue;
}
#navigation {
margin-top: 20px;
background-color: white;
}
/* 2.使用注释 */
/* 在CSS中，大家可以加入注释来对代码进行注释，这样在未来需要修改代码的时候，大家依旧可以很容易的找到自己需要修改的代码块 */
/* header部分 */
.header {
font-size: 20px; /* 设置字体大小 */
color: blue; /* 设置字体颜色 */
}
/* 导航条 */
#navigation {
margin-top: 20px; /* 设置上边距 */
background-color: white; /* 设置背景颜色 */
}
/* 3.使用变量 */
/* 在CSS中，大家可以定义一些变量来存储一些经常使用的属性值，这样大家就可以在需要的时候很容易地引用这些变量，而不用重复输入属性值 */
:root {
--header-font-size: 20px;
--header-color: blue;
--navigation-margin-top: 20px;
--navigation-bg-color: white;
}
.header {
font-size: var(--header-font-size);
color: var(--header-color);
}
#navigation {
margin-top: var(--navigation-margin-top);
background-color: var(--navigation-bg-color);
}

通过这些小技巧，大家就可以更方便地记忆多样的CSS样式，提高大家的开发效率。