Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
美图设计室
AI智能一键生成海报,免费平面设计
fly63工具箱
简单、易用、便捷的在线工具
任推邦
APP推广项目分发和流量变现平台
AiPPT
全智能AI一键生成 PPT
LiblibAI
一站式AI内容创作生成平台,原创AI模型分享社区
即梦AI
一站式智能创作平台,即刻造梦
茅茅虫
茅茅虫AI论文写作助手,AIGC论文查重
Trae
字节跳动推出的 AI原生编程工具
扣子Coze
职场AI,就用扣子
硅云优惠券
领先的基础云计算服务提供商,PHP云虚拟主机第一品牌

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

Css2less

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://www.css2less.net/
网站描述:一个用Ruby开发的小工具用来将css转成Less
访问官网

Less 是一门 css 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。

Less 可以运行在 Node、浏览器和 Rhino 平台上。网上有很多第三方工具帮助你编译 Less 源码。


使用Css2less可以很快的将您的css样式转换为less,是由Ruby开发的一款小工具,例如:

#wrap .col {
float: left;
}
#wrap .col a {
text-decoration: none;
}

转换less如下:

#wrap {
.col {
float: left;
a {
text-decoration: none;
}
}
}


仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/3266

更多»
热门资源
less
一个CSS预处理器,意味着它扩展了CSS语言,增加了允许变量,混合,函数和许多其他技术的功能
官网
GitHub
sass
成熟、稳定和强大的CSS扩展语言
官网
GitHub
postcss
PostCSS是一个使用JavaScript插件来转换CSS的工具。
官网
GitHub
stylus
Stylus是一个高效、动态以及丰富的CSS预处理器
官网
GitHub
animate.css
齐全的CSS3动画库
官网
GitHub
Metro UI
基于平板界面设计CSS库是一种界面展示技术
官网
GitHub
Spectre.css
轻量响应式 CSS 框架
官网
GitHub
water.css
只需添加CSS框架即可应用样式,无需定义元素类
官网
GitHub
DropCSS
一个用来清理无用 CSS 的小工具
点击进入
GitHub
Pattern.css
一个CSS库,使用美丽的图案填充空的背景。
官网
GitHub
three-dots
一组CSS加载动画,它由三个点组成,而这些点仅由单个元素组成
官网
GitHub
CSSeffectsSnippets
提供了漂亮的CSS动画
官网
GitHub
类似于Css2less的资源
Hint.css
简单易用纯CSs文字Tooltip库
官网
GitHub
Furtive
面向现代的web设计的CSS微架构
官网
GitHub
CSS Effects
一个 CSS 动效相关的网站
官网
GitHub
Normalize.css
浏览器更加一致地呈现所有元素,并符合现代标准。
官网
GitHub
BearCss
是一个免费的Web应用程序
官网
sandal
Sass 的基础库
官网
GitHub
css-animation-101
从零开始介绍 CSS 动画开源电子书
官网
GitHub
css-blocks
一款CSS 解决方案,实现组件的样式隔离
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。