热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

IhaveknowledgeofHTML,CSS,andjQuery.RecentlyIknewaboutSassandless.Astheybotharethe

I have knowledge of HTML, CSS, and jQuery. Recently I knew about Sass and less. As they both are the style sheet language I am a little bit confused about where to use both of them as CSS is already there and it is also widely used in every website. So how to know where to use these (Less, Sass) in that particular field.

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

Another doubt comes to my mind is, is it fine to use Sass and Less in wordpress instead of default CSS?

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

3 个解决方案

#1


12  

As zzzzBov said, LESS and SASS are css preprocessors.

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

Basically, you pick one and write your style definitions in that language. When done you run it through the preprocessor and it will generate a normal CSS file for you. That normal file is what you would use in your site.

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

I'd highly suggest that you skip using SASS/LESS or any other preprocessor until you are more familiar with CSS in general.

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


A little more information about LESS.

关于LESS的更多信息。

LESS can be run ahead of time as an actual preprocessor OR you can simply link the less.js file and your .less file and let the browser do it. The problem with letting the browser do it is that every single browser that hits your site, for every single page, will have to "recompile" the css in order to render your site correctly. Considering you have zero control over the computers hitting your sites this might result in a "slow" site from some peoples perspective.

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

Further, that Javascript only works in some of the browsers, further limiting it's usefulness.

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

Quite frankly, CSS is one of those things that you generally set up once for a site and leave alone for a year or more. So, it may simply just not be worth it.

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

#2


4  

SASS and LESS are two Domain Specific Languages that are converted to CSS via a preprocessor. The preprocessor can run client-side in Javascript or server-side via PHP, Node.js, Rails, etc.

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

Either SASS or LESS would be excellent for a new project. Or if you're using a framework that makes use either technology. (Such as Bootstrap or Rails).

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

If you're modifying an existing web site which uses pure CSS (such as Wordpress) you should almost always extend and build off of the existing styles. Mixing plain CSS with SASS/LESS can be a mess especially if you are just learning the technology.

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

#3


1  

Both are here to make your job easier //save time, make your CSS more readable, you will no longer forget colors/margins or specific values that you used, because you can create variables, mixins etc.

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

If you feel like you would benefit from any of features provided, why wouldn't you use it? It's not mandatory to use those, it's not like I would use CSS for every project I create (majority though). Try it out, it won't take more than an hour to know basic features.

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


推荐阅读
  • React基础篇一 - JSX语法扩展与使用
    本文介绍了React基础篇一中的JSX语法扩展与使用。JSX是一种JavaScript的语法扩展,用于描述React中的用户界面。文章详细介绍了在JSX中使用表达式的方法,并给出了一个示例代码。最后,提到了JSX在编译后会被转化为普通的JavaScript对象。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • position属性absolute与relative的区别和用法详解
    本文详细解读了CSS中的position属性absolute和relative的区别和用法。通过解释绝对定位和相对定位的含义,以及配合TOP、RIGHT、BOTTOM、LEFT进行定位的方式,说明了它们的特性和能够实现的效果。同时指出了在网页居中时使用Absolute可能会出错的原因,即以浏览器左上角为原始点进行定位,不会随着分辨率的变化而变化位置。最后总结了一些使用这两个属性的技巧。 ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • Java 11相对于Java 8,OptaPlanner性能提升有多大?
    本文通过基准测试比较了Java 11和Java 8对OptaPlanner的性能提升。测试结果表明,在相同的硬件环境下,Java 11相对于Java 8在垃圾回收方面表现更好,从而提升了OptaPlanner的性能。 ... [详细]
  • Android实战——jsoup实现网络爬虫,糗事百科项目的起步
    本文介绍了Android实战中使用jsoup实现网络爬虫的方法,以糗事百科项目为例。对于初学者来说,数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据,并以糗事百科作为练手项目。同时,提到了使用jsoup需要结合前端基础知识,以及如果学过JS的话可以更轻松地使用该框架。 ... [详细]
  • 本文介绍了2015年九月八日的js学习总结及相关知识点,包括参考书《javaScript Dom编程的艺术》、js简史、Dom、DHTML、解释型程序设计和编译型程序设计等内容。同时还提到了最佳实践是将标签放到HTML文档的最后,并且对语句和注释的使用进行了说明。 ... [详细]
  • 本文整理了Java中org.gwtbootstrap3.client.ui.Icon.addDomHandler()方法的一些代码示例,展示了Icon.ad ... [详细]
  • 颜色迁移(reinhard VS welsh)
    不要谈什么天分,运气,你需要的是一个截稿日,以及一个不交稿就能打爆你狗头的人,然后你就会被自己的才华吓到。------ ... [详细]
  • 前言:原本纠结于Web 模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中eval函数。虽然eval函 ... [详细]
  • 本文详细解析了JavaScript中相称性推断的知识点,包括严厉相称和宽松相称的区别,以及范例转换的规则。针对不同类型的范例值,如差别范例值、统一类的原始范例值和统一类的复合范例值,都给出了具体的比较方法。对于宽松相称的情况,也解释了原始范例值和对象之间的比较规则。通过本文的学习,读者可以更好地理解JavaScript中相称性推断的概念和应用。 ... [详细]
  • 使用Ubuntu中的Python获取浏览器历史记录原文: ... [详细]
  • 本文讨论了在VMWARE5.1的虚拟服务器Windows Server 2008R2上安装oracle 10g客户端时出现的问题,并提供了解决方法。错误日志显示了异常访问违例,通过分析日志中的问题帧,找到了解决问题的线索。文章详细介绍了解决方法,帮助读者顺利安装oracle 10g客户端。 ... [详细]
  • 合并列值-合并为一列问题需求:createtabletab(Aint,Bint,Cint)inserttabselect1,2,3unionallsel ... [详细]
author-avatar
手机用户2602903375
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有