less-简介|学习笔记

简介: 快速学习 less-简介

开发者学堂课程【移动 Web 前端开发:less-简介】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/594/detail/8480


less-简介


内容介绍

一、什么是 LESSCSS

二、CSS

 

一、什么是 LESSCSS

LESSCSS 是种动态样式语言, 属于 CSS 预处理语言的一种,它使用类似 CSS 的语法,为 CSS 的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便 CSS 的编写和维护。

编译less文件成css命令:lessc test.less test.css

LESSCSS 可以在多种语言、环境中使用,包括浏览器端、桌面客户端、服务端。语言特性快速预览:

变量:

变量允许单独定义一系列通用的样式,然后在需要的时候去调用。所以在做全局样式调整的时候可能只需要修改几行代码就可以了。

 

二、CSS

CSS (层叠样式表)是一门历史悠久的标记性语言,其实不应该把他归纳为标记性语言,应该是标记性标签,因为他是不需要编译的,css 直接就可以用,js 还要浏览器解析运行,不需要编译 HTML 一道,被广泛应用于万维网 (World Wide Web)中,也就是网络开发

HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义。

作为一门标记性语言,CSS 的语法相对简单,所见即所得,写个内容就能看见,不需要运行,对使用者的要求较低,相对也能体会到,从CSS过来的作为html入门阶段要求也是比较低的,但同时也带来一些问题:

可能很多人都会写,后台的也会写,所有作为前端专业角度来说,有很多规范在里面,但没有专业学习过的开发人员就可能会对 CSS 了解比较少,写出的代码可能就会没有逻辑,或者杂乱,对比自己以前写的 CSS 代码来说现在写的 CSS 代码更专业。

CSS 需要书写大量看似没有逻辑的代码,而且不方便维护及发展,不利于复用,像一些案例中就会有很多冗余的代码,比如a中经常有 display:block;

说明这个代码已经在 CSS 中用过很多次了,如果在JS中会将使用很多次的东西提升方法或者封装,但 CSS 中没有,所以代码就会看起来非常乱,虽然写代码会按照一些规范,像模块前缀,层级关系等考虑的很多,看起来好一点。 

但是对于非前端开发工程师来讲,往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码,造成这些困难的很大原因源CSS无法提升变量,无法提升样式,无法复用,CSS 是一门非程序式语言,没有变量、函数、SCOPE (作用域)等概念,只是一门标记性语言

所以LESS 为 Web 开发者带来了福音,它在 CSS 的语法基础之上,增强语法,引入了变量,Mixin (混入),运算以及函数等功能,让其编写没有逻辑的语言时赋有了逻辑,大大简化了 CSS 的编写,并且更容易维护,降低了 CSS 的维护成本,就像它的名称所说的那样,LESS 可以用更少的代码做更多的事情。

相关文章
|
存储 NoSQL 关系型数据库
支持中低频量化交易的单机数据平台
支持中低频量化交易的单机数据平台,使用InfluxDB存储实时交易数据,HDF5存储静态历史数据用于回测。
5351 0
|
8月前
|
传感器 人工智能 自然语言处理
通义灵码编程智能体,抢先看!
通义灵码全面支持Qwen3,上线编程智能体,具备自主决策、环境感知与工具使用能力,可端到端完成编码任务。支持多种会话模式、工程自动感知、终端命令执行等功能,并集成魔搭MCP广场,提供2400+服务。搭载Qwen3模型,性能超越全球顶尖模型,支持快速响应与深度思考。目前,通义灵码插件下载量超1500万,累计生成30亿行代码,服务上万家企业,大幅提升研发效率。体验地址:[https://lingma.aliyun.com/download](https://lingma.aliyun.com/download)
|
11月前
|
并行计算 前端开发 异构计算
告别服务器繁忙,云上部署DeepSeek
告别服务器繁忙,云上部署DeepSeek
508 0
|
敏捷开发 存储 监控
6款主流办公协同软件大比拼:哪款工具最适合企业协作?
在现代企业中,团队协作是高效运作的核心。本文分析了协同工作的常见难点,如沟通不畅、任务跟踪困难和工具孤立,并推荐了6款主流办公协同软件:板栗看板、Trello、Notion、Monday.com、Asana和Slack。每款软件都有其独特优势,适合不同类型和规模的团队。通过功能、易用性和应用场景的评测,帮助企业找到最适合的工具。
672 5
6款主流办公协同软件大比拼:哪款工具最适合企业协作?
|
算法 Unix Linux
7z——拥有极高压缩比的开源压缩软件
【11月更文挑战第6天】7z 是一种开源压缩软件,具有高压缩比、开源特性、功能丰富、跨平台支持和良好兼容性等特点。它采用先进的压缩算法,支持大文件、加密和多种压缩格式,广泛应用于个人和企业文件管理。
1327 3
|
机器学习/深度学习 数据采集 TensorFlow
使用Python实现深度学习模型:智能电影制作与剪辑
使用Python实现深度学习模型:智能电影制作与剪辑
516 5
|
前端开发 UED 容器
深入理解定位布局:绝对定位与相对定位
深入理解定位布局:绝对定位与相对定位
|
语音技术 人工智能 机器学习/深度学习
构建基于AI的语音合成系统:技术探索与实践
【6月更文挑战第3天】本文探讨了构建基于AI的语音合成系统,包括文本预处理、声学模型、语音生成和后期处理四个步骤。关键技术和挑战涉及分词、词性标注、语调预测、HMM、DNN、RNN模型、波形合成及后期音质优化。实践中,获取高质量语音数据、训练计算资源和系统实时性是主要挑战。随着技术进步,未来语音合成将在多语种、个性化领域有更多应用。
1384 3
|
移动开发 前端开发 IDE
手淘双11最新实践:PopLayer弹层领域研发模式升级
近年来,各大APP内的弹层需求逐渐增多,以手机淘宝为例,日常的弹层上线频率为单端每月50次左右,而在大促期间可以达到240次以上。在手淘内,各类弹层业务都会通过PopLayer中间件的能力进行投放。但业务往往会遇到开发弹层难、慢、稳定性差的种种困难。对比于往年业务研发成本较高的现状,PopLayer在今年提出了【低研发搭投模式】来解决这类问题,形成一套快速搭建+可视化+多端多场景通用的解决方案,在日常与大促期间得到了广泛应用:
|
消息中间件 canal JSON
Canal使用
使用canal监听MySQL中binlog,搭配RabbitMQ,做到记录数据库变化
697 1