Odin 项目 - CSS 简介

你好？，

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

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

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

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

学习主题

• 选择器

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

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

基本 CSS 属性

• 颜色，背景颜色
• 排版

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

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

• 外部 CSS

• 内部和内联 CSS

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

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

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

以上是Odin 项目 - CSS 简介的详细内容。更多信息请关注PHP中文网其他相关文章！