html – 不需要非语义元素的CSS框架

概述我使用了一些CSS框架,比如Bootstrap,来快速构建看起来不错的网站.可悲的是,他们都要求我在我的 HTML中添加额外的标记以使事情发挥作用. 是否存在遵循不同哲学的CSS框架,而不仅仅是将所有额外的类和元素放入我的标记中？ 实际上,您可以将Bootstrap与CSS预处理器(如 Less或 Sass)一起使用,以保持干净的ligth HTML标记. 如果你不了解这些工具,他们绝对值得一看. 我使用了一些CSS框架,比如bootstrap,来快速构建看起来不错的网站.可悲的是,他们都要求我在我的 HTML中添加额外的标记以使事情发挥作用.

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

解决方法 实际上,您可以将bootstrap与CSS预处理器(如 Less或 Sass)一起使用,以保持干净的ligth HTML标记.

如果你不了解这些工具,他们绝对值得一看.使用它们,您可以使用变量和mixins构建样式表,如下所示(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,64);}nav a {    border: 1px solID black;    padding: 5px;}

当框架(例如bootstrap或Foundation(也是很好的框架))提供Less和Sass文件时,您可以在样式表中包含大多数框架逻辑,而不是向HTML添加类.

总结

以上是内存溢出为你收集整理的html – 不需要非语义元素的CSS框架全部内容，希望文章能够帮你解决html – 不需要非语义元素的CSS框架所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。