你好呀 ？，

我是一名拥有 3 年经验的前端开发人员。我一直想弥合我的知识差距并成为一名全栈开发人员。我曾多次尝试启动奥丁项目，但未能始终如一地坚持到底。这一次，我决心坚持下去，提高自己的技术。

为了跟踪我的进度，我将发布一系列博客文章，详细介绍我从 Odin 项目每个章节中学到的知识。将这些视为我的开发日记。

我会添加我学到的主题并分享我以前不知道的东西。

我从 CSS as HTML 开始，以及我以前经历过或至少我知道的所有介绍性内容。

学习主题

• 选择器

1. 通用选择器
2. 类型选择器
3. 类选择器
4. ID选择器
5. 分组选择器
6. 链接选择器

• 组合器 我确实知道如何使用组合器，但我不知道该特定术语。还有关于选择器之间关系的定义，而不是对它们进行分组或链接。
• 后代组合器

基本 CSS 属性

• 颜色、背景颜色
• 版式

1. 字体系列和通用字体系列

• 图像高度和宽度
  因此，我在这里学到的另一件事是，建议始终在 HTML 中指定图像的宽度和高度属性。这可确保浏览器在页面渲染期间为图像保留适当的空间，从而防止图像加载时内容布局发生意外变化。要保持图像的原始宽高比，您可以仅更改宽度属性并将高度设置为“自动”。这将根据图像的比例自动调整高度。

• 外部CSS

• 内部和内联 CSS

我记得我的技术主管将内联 CSS 添加到 HTML 中的一个例子。我犹豫是否要质疑他的决定，因为他是一位经验丰富的专业人士，而我对该领域仍然相对较新。

然而，我现在明白，更有效的方法是建议我们尽量减少内联 CSS 的使用。通过将内联样式限制为规则运行所绝对必需的样式，我们可以避免过度应用特异性并维护更干净、更易于维护的代码库。

我还计划每周发布一个播客，回顾我学到的东西。