DEV Community
·
网页开发第三周
💡
原文英文，约300词，阅读约需2分钟。
📝
内容提要
在安吉拉·余的全栈开发课程中，我学习了CSS的颜色、字体和盒模型等知识，并通过小项目巩固了设计能力。目前面临的挑战是理解边距合并和盒子大小。
🎯
关键要点
- 学习了CSS的颜色格式，包括HEX、RGB和HSL。
- 掌握了如何使用font-family和@import更改和导入字体。
- 探索了字体的属性，如字体粗细、大小、样式和行高。
- 理解了CSS盒模型，包括边距、边框、内边距和内容的空间分配。
- 通过小项目应用所学知识，构建了一个激励性表情包网页。
- 练习使用边距和内边距来整齐地排列内容，强调视觉清晰度和平衡。
- 学习了如何组合标签、类和后代选择器，使CSS代码更简洁高效。
- 盒模型是掌握CSS布局的关键。
- 一致的字体和间距样式提升用户体验。
- 小项目通过整合概念来巩固学习。
- 仍在理解边距合并和盒子大小的挑战中。
❓
延伸问答
我在CSS中如何使用颜色格式？
可以使用HEX、RGB和HSL颜色格式来定义颜色。
如何在CSS中更改和导入字体？
可以使用font-family属性和@import语句来更改和导入字体。
CSS盒模型的组成部分是什么？
CSS盒模型由边距、边框、内边距和内容组成。
小项目在学习CSS中有什么作用？
小项目可以通过整合所学概念来巩固学习效果。
边距和内边距在CSS中有什么区别？
边距用于元素之间的空间，而内边距用于元素内容与边框之间的空间。
在CSS中，如何提高用户体验？
通过一致的字体和间距样式可以提升用户体验。
➡️
