2024年最新总结一些，我在书写 CSS 的时候，经常犯的错误！，阿里巴巴飞猪面试

最后

如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

opacity: 50;

}

关于 opacity 我还经常犯下面错误：

.title {

/* 现这一点并不容易，你们看出错误在哪里吗? 😨*/

opaciy: 0.5;

Font Weight

---

是 light 还是 lighter 😲?

.title {

font-weight: light;

}

Padding

---

当你认为属性是padding，而实际上用的是padding-top时，就会发生这种情况🔨:

.section {

padding-top: 10px 20px;

}

人才，优秀 🙀。

CSS Grid

---

对于 CSS Grid 有时我会潜意识的写 grid-column 而不是 grid-template-columns 😖:

.section {

grid-columns: 1fr 1fr 1fr;

}

CSS 变量

---

对于 CSS 变量的使用，我也经常忘记写 var 😌：

.title {

color: --brand-color;

}

👍 正确的写法如下：

.title {

color: var(–brand-color)

}

Box Shadow

---

😧 对于重置 box-shadow 我经常用 0 来重置：

.title {

/* 非法的 */

box-shadow: 0;

}

👍 正确的写法如下：

.title {

box-shadow: none;

}

Visibility

---

隐藏元素可以使用 visibility，但我会经常这样写 😝：

.title {

visibility: none;

}

👍 正确的写法如下：

.title {

visibility: hidden;

}

Width

---

对于 width 有时会脑抽 😮，这样写：

.title {

widows: 100px;

}

Offset 属性

---

对于 css 偏移属性，我也会经常这么写:

.elem {

最后

如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】