Closed. This question does not meet Stack Overflow guidelines 。它目前不接受答案。
想改善这个问题吗?更新问题,使其成为 Stack Overflow 的 on-topic。
6年前关闭。
Improve this question
我使用了一些 CSS 框架,比如 Bootstrap,来快速构建看起来不错的网站。可悲的是,它们都要求我在 HTML 中添加额外的标记以使其正常工作。
是否有 CSS 框架遵循不同的哲学,而不仅仅是将所有额外的类和元素放入我的标记中?
编译为 CSS 时,之前的块代码将呈现:
当诸如 Bootstrap 或 Foundation(也不错的框架)之类的框架提供 Less 和 Sass 文件时,您可以在样式表中包含大部分框架逻辑,而不是向 HTML 添加类。
想改善这个问题吗?更新问题,使其成为 Stack Overflow 的 on-topic。
6年前关闭。
Improve this question
我使用了一些 CSS 框架,比如 Bootstrap,来快速构建看起来不错的网站。可悲的是,它们都要求我在 HTML 中添加额外的标记以使其正常工作。
是否有 CSS 框架遵循不同的哲学,而不仅仅是将所有额外的类和元素放入我的标记中?
最佳答案
实际上,您可以将 Bootstrap 与 CSS 预处理器(例如 Less 或 Sass )一起使用,以保持干净、简洁的 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 添加类。