通过下载使用CSS框架与通过SCSS/LESS安装有什么区别?



简单地下载一些东西,如基础和引用在您的网站,并通过SCSS安装它之间的区别是什么?

我一直在使用bootstrap下载和使用类/模块。

我最近学了SASS,用它来写css更快,更有组织。

我不太明白简单引用框架和通过SCSS使用它之间的联系(我甚至不确定这意味着什么)

你不需要安装任何东西。作为scssless下载框架的唯一好处是,它使您可以访问原始的未编译的源代码。因此,如果您想进行任何修改,它们应该在那里。此外,如果您想窥探幕后,您可能会更好地理解源文件上发生的事情,而不是css文件。

但是,您的生产站点应该有常规的.css文件。虽然使用一些Javascript魔法或服务器端编译可以使用.scss,但我建议仅用于开发目的,而不是用于生产。

理想情况下,您希望结合这两种方法。使用框架是一个好主意,因为当框架进行更新时,很容易保持解决方案的更新,然后只需解决问题。它也让你不必重新发明轮子。我已经为你创造了这么多。

使用SASS或。less允许您使用许多技术,使您的代码更有条理,但最重要的是,由于能够嵌套,您将创建更少的类。例如,在一个普通的css中,您将创建几个类来使每个元素以某种方式运行,如果您做得好,您将做一些映射。在.less中,您只需将代码从div嵌套到span,编译器就会为您构建它。

创建混合和导入的能力也使你的工作平台更小。通过导入,您可以在根目录中有6个css,但是您只能声明几个样式表,因为它们都是导入的。从而使您的页面加载时间更快。

例如,我是宾夕法尼亚州福利部门的高级开发人员,我运行整个州范围的网站,在标题部分只有两个css声明。1.bootstrap.css和我用.less创建的custom.css,可以根据需要修改bootstrap。

希望能把事情说清楚。

SASS

最新更新