首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

CSS的禅

在过去的几年中,如寒武纪大爆炸一般出现了很多旨在规范CSS表现的库,其中大部分都涉及到CSS-in-JS。 你可能没有意识到:那些CSS中最严重的问题,不通过CSS-in-JS的方式也同样能够解决。...如果解决了这些问题,那么编写CSS不仅不会是一种困扰,反而会成为一种享受。然而,你不需要为了寻找解决方案而采用可能会引入更多问题的CSS-in-JS。...相反地,我的意图是为了阐明,基于原生CSS组件化是另一种令人愉悦的替代解决方案。 CSS 最大的问题 CSS中的一切都是全局的。正因如此,经常会出现一个为局部设计的样式却影响到另外一个地方的情况。...如果这个组件最初是别人的,那就更有必要了。(我向您保证,这是对您的CSS工作流生产力的大力提升。如果在没有资源映射表的情况下CSS,你将会浪费大量时间,我之前就是如此。)...也许你对优先级有自己的取舍,它们可能让你有足够的理由放弃CSS。但最终,你还是要了解CSS的。无论你是爱它还是恨它,你至少要学会它。

1.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何规范css代码?

    前言:作为一个前端开发者,你是否曾经被一堆松散的 CSS 代码给搞晕了?你是否曾经为了调整一个元素的样式而浪费了大量的时间?如果是这样的话,那么 CSS 代码的规范写法对你来说就是非常重要的。...---- ---- 什么是 CSS 代码的规范写法? CSS 代码的规范写法是一种编写 CSS 代码的标准化方法。这种方法旨在提高代码的可读性、可维护性和可重用性。...遵循 CSS 代码的规范写法能够让你的代码更加易于理解,并且减少错误和冗余代码的出现。 CSS 代码规范的基本原则 1. 缩进 缩进是一种非常重要的代码格式化工具。...代码的重用 代码的重用是 CSS 代码规范的一个重要原则。在编写代码的时候,一定要尽可能地重用现有的代码,并且避免使用重复的代码。 总结 CSS 代码的规范写法是一个可以提高代码质量的重要方法。...希望这篇文章可以帮助你更好地编写 CSS 代码,并且提高你的前端开发技能。

    88720

    既然CSS很容易,那为什么大家还是把CSS的那么烂呢?

    因为我的 90% 都是在发牢骚,只有最后大概 10% 介绍 CSS 技巧之最佳实践。提前给你们打好预防针啦。 ?...深呼吸,(暗示自己),他们CSS肯定会稍微好点。然而在我打开CSS文件之后,发现(同样)到处都是类似固定(fixed)定位、清除左浮动、右浮动以及!...也还好啦,前端代码本来就不是后端工程师的职责所在。但是请后端工程师不要随便一堆前端代码,然后指望前端工程师帮你擦屁股。 所以好的CSS长啥样? ? (项目的)组织结构。...举个正面例子——Steven Bradley 的利于维护代码的目录结构,这篇文章是为 SCSS 项目的,不过也适用于普通的 CSS 项目。...所以凭什么他们就能写无用的烂代码,然后在他们的 CSS 代码失效时让我们去打补丁?我不是说要让后端工程师好好写 CSS 代码,而是我们应该告诉后端工程师,如果觉得 CSS 很难的话,就不要写。

    1.1K20

    CSS whenelse 是什么体验

    大家都知道CSS已经有@media、@support 查询形式的条件,可以非常灵活地选择对应的样式,然而还有一个新的提议叫做 when/else,这语法似乎看起来更加明了方便 在这篇文章完稿前,when...CSSWG 通过了,而 else 是一个单独的提案,目前是一个4级规范 让我们来看看 when/else 是如何使用的吧 when/else 语法 先来看看为了实现页面响应式是如何做的,这就要用到 CSS...{ /* 宽度大于800px时的样式 */ } @else { /* 宽度不大于800px时的样式 */ } 语义上比 @media 更加好了 when/else 甚至还能支持多条件判断,跟...and supports(display: flex) { .flex { flex-direction: column; } } 内联使用 @when 也可以内联在CSS...总之不管叫啥名字,都是为了让CSS语法更丰富,期待!

    81520
    领券