DEV Community
·
工程学院Tinyuka’24 第三个月 第三周
💡
原文英文，约2000词，阅读约需7分钟。
📝
内容提要
本周课程复习了CSS单位，包括绝对单位（如像素）和相对单位（如em、rem、百分比）。绝对单位适合精确控制，而相对单位更灵活，适合响应式设计。此外，还介绍了CSS渐变、函数及@规则，强调了CSS变量的可重用性和一致性。
🎯
关键要点
- 本周课程复习了CSS单位，包括绝对单位和相对单位。
- 绝对单位适合精确控制，如像素（px）。
- 相对单位更灵活，适合响应式设计，如em、rem和百分比。
- CSS渐变可以实现颜色之间的平滑过渡，增加网页设计的深度和趣味。
- CSS函数用于操作值，支持动态计算和效果应用。
- CSS @规则用于定义样式应用的特殊规则，如@media和@keyframes。
- CSS变量（自定义属性）用于存储可重用的值，增强灵活性和一致性。
❓
延伸问答
CSS单位有哪些类型？
CSS单位主要分为绝对单位和相对单位。绝对单位如像素（px），适合精确控制；相对单位如em、rem和百分比，适合响应式设计。
如何使用CSS渐变？
CSS渐变可以通过linear-gradient、radial-gradient和conic-gradient等函数实现，允许颜色之间平滑过渡，增加设计的深度。
CSS变量有什么优势？
CSS变量允许存储可重用的值，增强灵活性和一致性，便于全局更改和维护设计。
CSS中的@规则有什么作用？
@规则用于定义样式应用的特殊规则，如@media用于响应式设计，@keyframes用于动画效果。
绝对单位和相对单位的区别是什么？
绝对单位如像素是固定的，不随视口变化，而相对单位如em和rem则根据父元素或视口大小变化，更灵活适合响应式设计。
CSS函数有哪些常见类型？
常见的CSS函数包括calc()用于计算值，var()用于定义变量，rgb()和rgba()用于颜色定义，transform()用于元素变换等。
➡️
