css - 更少的 CSS 性能和实现

标签 css less css-frameworks

将 LESS 用于 CSS 的最佳方法是什么。

  • 开发人员基本上应该编写一个 Less 文件,然后将其编译用于生产
  • 我应该链接 LESS 代码和 javascript 文件吗?
  • 或者我应该完全跳过 LESS rout 并重新制作类(class)

我正在尝试整理一些相当草率的 css,并希望在进行重大改进之前控制它。我认为拥有站点范围的变量会非常好,所以 Less 似乎是变量和嵌套的好东西。

我正在用 css 渐变和框阴影替换大量背景图像,因此我也试图摆脱供应商前缀。 有时我看到什么 kindof 看起来像类重载但是将很多类附加到一个元素是否不好

<div class="comment dark-shadow round-corners"></div>

最佳答案

Less 是一种很棒的样式语言。我广泛使用它,它确实有助于代码的可维护性以及编写样式的速度。

我个人觉得你的样式不应该依赖于javascript来渲染,所以我使用less.app将我所有的LESS编译成CSS。知道我所有的 CSS 都在那里并且在我“启用”任何东西之前它可以正常工作,我可以更安心地休息。

如果您有兴趣,我也一直在编译一个非常有用的 LESS mixin 库:https://github.com/jdmiller82/-lessins-

关于css - 更少的 CSS 性能和实现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6105033/

相关文章:

javascript - 粘性导航显示与 JQuery slideDown 缓慢

twitter-bootstrap - 在 Twitter Bootstrap 中创建圆 Angular 的正确方法

javascript - 用于 UI 开发的 CSS 框架

css - Dojo dijit 框架与一些 CSS 框架

javascript - jQuery 和 Knockout 验证插件的 CSS 问题

css - compass 忽略 SCSS 文件中的色调和阴影功能

html - 如何 Angular2 @Component 添加 css 和更少?

javascript - CSS:如何像语义 ui 方式创建 colsgroup

jquery - 粘性菜单使其移动速度变慢

当顶级元素不是 div 时,CSS 网格格式不一致