Skip to content

[css] 第155天 如何写高效的CSS? #1218

Open

Description

@haizhilin2013

第155天 如何写高效的CSS?

Activity

  1. AlenZhou233 commented on Sep 18, 2019

    @AlenZhou233

    使用sass等预加载器,有嵌套,变量之类的。

  2. ChasLui commented on Sep 18, 2019

    @ChasLui

    使用sass等预加载器,有嵌套,变量之类的。

    你可能并不需要预处理器, css3 已经开始支持变量

  3. AlenZhou233 commented on Sep 18, 2019

    @AlenZhou233

    是,请问还有什么更好的方法,我主要是喜欢可以写嵌套

  4. Guanrui1 commented on Sep 18, 2019

    @Guanrui1

    css大全,看下这篇文章吧,里面基本啥都有

  5. forever-z-133 commented on Sep 18, 2019

    @forever-z-133

    唔,自动补全、预编译这些辅助手段确实能提升一定的效率,
    但我觉得真正能提升效率的是,不看预览就敢上手的理论知识。
    见过太多加几行就要预览下效果的开发了,哪怕给他双屏其实也还是会拖慢节奏。

    比如这个横排该怎么写,子级是否留隙/等宽/限宽,后期有其他元素加入怎么办,等等......
    虽然有了 flex 后我们要考虑的少了很多,但依旧还是有布局规律可循。
    这个过程很吃经验,类似于将样式/布局进行抽象理解,
    等到能写出非常完善的抽象类也熟悉其优劣长短后,那不看预览也可以快速编写了。

    另一方面,直接使用调试面板进行调试编写,也比改下保存下再看眼要快一些。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions