这篇文章主要介绍“写CSS时经常犯的错误有哪些”，在日常操作中，相信很多人在写CSS时经常犯的错误有哪些问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”写CSS时经常犯的错误有哪些”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
创新互联长期为近1000家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为云梦企业提供专业的成都网站制作、网站设计、外贸网站建设，云梦网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。
Font Size
我在font-size和font-weight之间经常犯错误，如下所示：
.title { font-size: bold; }Opacity我也不知道啥原因，但有时我会忘记写百分比 ：
.title { 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 { left: 14; }少了啥，大家自己体会 ?。
CSS calc()
如果你的代码没有高亮的提示的功能，你也许也会这样写 ?：
.elem { font-size: clac(14px + 1vw); }CSS color
我记得曾经遇到过这样的错误 ?:
.elem { color: #red; }Display
不多说了，大家自己体会：
.title { display: absolute; }Transforms?
.title { translate: (-50%, -50%) }到此，关于“写CSS时经常犯的错误有哪些”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！