如何知道在哪里使用css,less和Sass?

时间:2012-12-28 04:08:17

标签: css styles sass less

我对HTML,CSS和jQuery有所了解。最近我了解Sassless。因为它们都是样式表语言,所以我对它们两者的使用方式有点困惑,因为CSS已经存在,并且它也广泛用于每个网站。那么如何知道在特定领域中使用这些(Less,Sass)的位置。

我想到的另一个疑问是,在wordpress而不是默认CSS中使用Sass和Less是否可以?

3 个答案:

答案 0 :(得分:12)

正如zzzzBov所说,LESS和SASS是css预处理器。

基本上,您选择一个并用该语言编写样式定义。完成后,通过预处理器运行它,它将为您生成一个普通的CSS文件。该普通文件就是您在网站中使用的文件。

我强烈建议您跳过使用SASS / LESS或任何其他预处理器,直到您对CSS更为熟悉。


关于LESS的更多信息。

LESS可以作为实际的预处理器提前运行,或者您只需链接less.js文件和.less文件,然后让浏览器执行此操作。让浏览器执行此操作的问题在于,每个浏览网站的每个浏览器都必须“重新编译”css才能正确呈现您的网站。考虑到您无法控制访问您网站的计算机,从某些人的角度来看,这可能会导致“慢”网站。

此外,javascript仅适用于某些浏览器,进一步限制了它的实用性。

坦率地说,CSS是您通常为网站设置一次并且独自离开一年或更长时间的事情之一。所以,它可能只是不值得。

答案 1 :(得分:4)

SASS和LESS是两种特定于域的语言,它们通过预处理器转换为CSS。预处理器可以通过PHP,Node.js,Rails等在Javascript或服务器端运行客户端。

SASS或LESS对于一个新项目来说都是非常好的。或者,如果您使用的是使用任一技术的框架。 (例如Bootstrap或Rails)。

如果您正在修改使用纯CSS(例如Wordpress)的现有网站,您几乎应该总是扩展并构建现有样式。将纯CSS与SASS / LESS混合可能会很麻烦,特别是如果您只是学习该技术。

答案 2 :(得分:1)

这两个都是为了让您的工作更轻松//节省时间,让您的CSS更具可读性,您将不再忘记您使用的颜色/边距或特定值,因为您可以创建变量,混合等。

如果您觉得您可以从所提供的任何功能中受益,为什么不使用它?使用它们并不是强制性的,它不像我会为我创建的每个项目使用CSS(尽管多数)。试一试,了解基本功能不会超过一个小时。