热门标签 | 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(尽管多数)。尝试一下,了解基本功能不会超过一个小时。


推荐阅读
  • addcslashes—以C语言风格使用反斜线转义字符串中的字符addslashes—使用反斜线引用字符串bin2hex—函数把包含数据的二进制字符串转换为十六进制值chop—rt ... [详细]
  • Spring Boot 中静态资源映射详解
    本文深入探讨了 Spring Boot 如何简化 Web 应用中的静态资源管理,包括默认的静态资源映射规则、WebJars 的使用以及静态首页的处理方法。通过本文,您将了解如何高效地管理和引用静态资源。 ... [详细]
  • 本文探讨了2019年前端技术的发展趋势,包括工具化、配置化和泛前端化等方面,并提供了详细的学习路线和职业规划建议。 ... [详细]
  • 本文介绍了一个项目中如何在Windows平台上实现多声道音频数据的采集,特别是针对DANTE音频接口的8路立体声音频通道。文章详细描述了使用Windows底层音频API进行音频采集的方法,并提供了一个具体的实现示例。 ... [详细]
  • 本文提供了详细的指导,帮助开发者了解如何使用PHP插件进行网站内容的翻译,特别是针对WordPress插件和主题的汉化及多语言支持。 ... [详细]
  • 本文介绍了如何使用JavaScript和jQuery实现页面元素随着滚动条的移动而相应变化位置的功能,提供了一段简洁的代码示例。 ... [详细]
  • 深入分析十大PHP开发框架
    随着PHP技术的发展,各类开发框架层出不穷,成为了开发者们热议的话题。本文将详细介绍并对比十款主流的PHP开发框架,旨在帮助开发者根据自身需求选择最合适的工具。 ... [详细]
  • Web前端性能提升指南:简化JavaScript与消除重复脚本
    本文为Web前端性能优化系列的第七篇,重点探讨简化JavaScript代码及清除重复脚本的方法。通过这些技术,可以显著提高网页加载速度和用户体验。了解更多信息,请参阅我们的完整指南:Web前端性能优化。 ... [详细]
  • 利用RabbitMQ实现高效延迟任务处理
    本文详细探讨了如何利用RabbitMQ实现延迟任务,包括其应用场景、实现原理、系统设计以及具体的Spring Boot实现方式。 ... [详细]
  • 近期,谷歌公司的一名安全工程师Eduardo Vela在jQuery Mobile框架中发现了一项可能引发跨站脚本攻击(XSS)的安全漏洞。此漏洞使得使用jQuery Mobile的所有网站面临潜在的安全威胁。 ... [详细]
  • 探讨GET与POST请求数据传输的最大容量
    在Web开发领域,GET和POST是最常见的两种数据传输方法。本文将深入探讨这两种请求方式在不同环境下的数据传输能力及其限制。 ... [详细]
  • 使用Bootstrap创建响应式渐变固定头部导航栏的方法
    本文详细介绍了如何利用Bootstrap框架构建一个具有渐变效果的固定顶部响应式导航栏,包括HTML结构、CSS样式以及JavaScript交互的完整实现过程。适合前端开发者和学习者参考。 ... [详细]
  • 日期:2013年3月19日 来源:GBin1.com 对于希望启动并运行首个网站的新手而言,选择一个合适的CMS或免费平台是至关重要的第一步。本文将为您介绍一系列关于WordPress的设计开发资源和手册,帮助您迅速掌握网站构建技巧。 ... [详细]
  • 本文详细介绍了如何使用PHP构建个人博客系统,包括适合初学者的入门指导、推荐的功能强大的开源博客系统以及如何提高博客系统的性能。 ... [详细]
  • 统一幻灯片标题:使用母版功能的技巧
    本文详细介绍了如何通过PowerPoint中的幻灯片母版功能,实现所有幻灯片标题的一致性设置。同时,提供了其他办公软件和编程相关的实用技巧。 ... [详细]
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社区 版权所有