less或者scss 颜色计算的知识应该怎么学?或者在哪里学?

发布于 2022-09-03 12:00:16 字数 64 浏览 7 评论 0

想学习颜色计算方面的知识,应该怎么下手?我想百度也不知道应该怎么搜索关键词.有没有相关的书籍或者博文可以介绍一下?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

玩物 2022-09-10 12:00:16

请参考大漠的文章:Sass基础——颜色函数

乜一 2022-09-10 12:00:16

看看bootstrap等框架的源码就可以了

隔纱相望 2022-09-10 12:00:16

5.2 如何使用LESS
LESS可以直接在客户端使用,也可以在服务器端使用。在实际项目开发中,建议使用第三种方式,提前将LESS文件编译成静态的CSS文件,然后在HTML文档中应用。例如,在Bootstrap框架中,通过在线定制LESS,提前生成CSS文件,以提高页面响应速度。访问http://www.bootcss.com/custom...,快速定制Bootstrap框架样式,如图5-2所示。

图5-2 在线定制Bootstrap框架样式
如果读者希望直接使用LESS,则可以在客户端或者服务器端直接编译应用,详细说明如下。
5.2.1 在客户端使用LESS
在客户端使用LESS,只需要下载less.js文件,然后在需要使用LESS源文件的HTML文档中导入即可。下面通过示例来演示如何在客户端正确使用LESS。
第1步:下载less.js文件。可访问http://lesscss.orghttp://lesscss.googlecode.com/下载最新版本(1.3.0版)的less.js文件。(访问https://github.com/cloudhead/...可以下载未压缩的Master版本。)
第2步:创建LESS文件,LESS文件与CSS文件结构相近,不同点是LESS源文件多了编程语言的变量、函数等特性。可以把CSS文件改为LESS文件,只需要把CSS文件的后缀名改为.less即可。
第3步:新建HTML5文档,在文档头部区域加入以下代码:



可以看到,LESS源文件的导入方法与标准CSS文件导入方式一样,实际上LESS文件就是样式表文件。需要注意的是,在导入LESS文件时,需要设置rel属性值为"stylesheet/less",指定与本文档关联的外部文件类型为层叠式样式;或者设置type属性值为"text/less",指定导入的外部文件MIME类型为LESS。
提示 标签的type属性必须是"text/less",在导入外部CSS文件时,习惯将其设置为"text/css",这样容易引发歧义,而不能够正确导入外部LESS文件。

在导入外部LESS源文件之后,应再导入less.js,该JavaScript文件作为LESS源文件的解析器,负责把LESS文件编译为CSS文件,并插入到当前文档中。
第4步:设计HTML文档结构,代码如下:







`






















~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文