每个开发人员都应该避免的常见 CSS 错误
1️⃣ 使用像素
Px 将您的设计锁定为所有屏幕的固定尺寸。
您应始终尽可能使用相对测量值,例如 em、rem、% 等。
2️⃣ 使用一个 CSS 文件进行样式设置
在大项目中使用单个文件会造成混乱。
尝试为不同的组件使用不同的 CSS 文件。
例如:为导航栏和页脚创建 2 个不同的 CSS 文件。这也将增加代码的可重用性。
3️⃣ 使用内联 CSS
您必须为不同的元素一次又一次地编写相同的代码,没有地方可以放置这些样式以供重用。
由于代码没有特定的位置,因此编辑内联 CSS 是一项任务!
在需要之前,请始终尝试使用外部样式表。
4️⃣ 在任何地方都使用 !important
唯一可以覆盖 !important 的是另一个 !important,一旦你走上这条路,它就永远不会停止。
用大量 !important 样式干扰你的 CSS 并陷入僵局是没有意义的。
5️⃣ 没有使用正确的命名约定
确保以类似的方式正确命名类、ID 和其他属性。
尝试将颜色值存储在变量中,而不是一遍又一遍地复制相同的颜色。
6️⃣ 没有事先设计
不加思索地开始构建感觉很棒,但是一旦事情变得复杂,这可能会导致错误。
尝试清楚地了解项目。它还将减少冗余的机会。
7️⃣太有创意
Tbh,您不需要将繁重的 CSS 或动画强加到您的网站中。优雅的设计和良好的 UX/UI 是每个人的首选。
不要试图只在一个项目中展示你所有的技能。
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明
本文链接:https://www.qanswer.top/11774/02150317
标签:尝试,错误,开发人员,important,使用,CSS From: https://www.cnblogs.com/amboke/p/16653052.html