Closed. This question does not meet Stack Overflow guidelines 。它目前不接受答案。












想改善这个问题吗?更新问题,使其成为 Stack Overflow 的 on-topic

6年前关闭。



Improve this question




我使用了一些 CSS 框架,比如 Bootstrap,来快速构建看起来不错的网站。可悲的是,它们都要求我在 HTML 中添加额外的标记以使其正常工作。

是否有 CSS 框架遵循不同的哲学,而不仅仅是将所有额外的类和元素放入我的标记中?

最佳答案

实际上,您可以将 Bootstrap 与 CSS 预处理器(例如 LessSass )一起使用,以保持干净、简洁的 HTML 标记。

如果您不了解这些工具,它们绝对值得一看。使用它们,您可以使用变量和混合构建样式表,如下所示(Sass 语法):

$main-color: rgba(21, 34, 64);

@mixin button {
    border: 1px solid black;
    padding: 5px;
}
html {
    background-color: $main-color;
}

nav {
    a {
        @include button;
    }
}

编译为 CSS 时,之前的块代码将呈现:
html {
    background-color: rgba(21, 34, 64);
}

nav a {
    border: 1px solid black;
    padding: 5px;
}

当诸如 Bootstrap 或 Foundation(也不错的框架)之类的框架提供 Less 和 Sass 文件时,您可以在样式表中包含大部分框架逻辑,而不是向 HTML 添加类。

10-05 20:53
查看更多