写CSS时经常犯的错误有哪些

这篇文章主要介绍“写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时经常犯的错误有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


分享标题:写CSS时经常犯的错误有哪些
地址分享:http://pwwzsj.com/article/igdhdc.html