本文旨在加深对 LESS 的理解和记忆，供自己开发时参考。相信对没有接触过 LESS 的程序员还是有用的，大佬绕路。一、 安装和使用 LESS 1.1 安装 使用命令行安装 LESS npm install -g less 1.2 使用 less 有多种的使用方法，在这里我向大家介绍最常用的俩种方法。 第一种是直接在浏览器中使用：去下载一个你要的 less.js创建一个文件来
转载
2024-03-14 13:02:08
393阅读
主要参考资料: 《Matlab C# Book》，我看的是第一版的电子书，网上可以搜到。 说实话，我觉得C#与Matlab混合编程相比VC与Matlab混合编程没有啥优势，基本上还是通过P/V Invoke操作Matlab mcc编译器生成的C语言版本的DLL。此外，
在tailwind.config.js 文件的 theme 部分，您可以定义您项目的调色板、类型比例、字体、断点、边框半径值等。// tailwind.config.js
const colors = require('tailwindcss/colors')
module.exports = {
theme: {
screens: {
sm: '480px',
md: '768px',
lg:
LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如注释、变量、混合、嵌套、运算、函数等，更方便CSS的编写和维护。LESSCSS可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。1.less中的注释：/**/是被编译的 //是不会被编译的。建议使用//去注释！2.less中的变量：//
@test_widt
[!NOTE] Tailwind CSS 是一个别具一格的 CSS 界面框架。用官网的一句话来介绍：Rapidly build modern websites without ever leaving your HTML。也就是只要引入 Tailwind CSS，在不需要使用任何自定义 CSS 文件 ...
less 工 具也是对文件或其它输出进行分页显示的工具，应该说是linux正统查看文件内容的工具，功能极其强大。less 的用法比起 more 更加的有弹性。 在 more 的时候，我们并没有办法向前面翻， 只能往后面看，但若使用了 less 时，就可以使用 [pageup] [paged
转载
2024-04-22 10:14:14
98阅读
In this lesson, we learn how to generate custom utility classes in tailwind. We add new properties to our JavaScript config object to generate new hel
转载
2018-04-10 18:10:00
118阅读
2评论
在还没有前端开发这个概念的时代，CSS 其实作为一个比较简单的 DSL 还相对凑合够用，但随着前端项目越来越复杂，前端各种开发模式都在随着项目规模扩大的需求而不断进化，比如前端服务上我们由服务端直出变为简单的前后端分离再慢慢的升级成前后端融合的 serverless，再比如 JS 的写法上我们从开始最原始的单文件脚本慢慢引入了各种模块化的方案再到今天组件化全面开花。同样的进化当然也会发生在 CSS
转载
2021-04-09 14:13:32
933阅读
在还没有前端开发这个概念的时代
原创
2021-07-23 13:41:09
1502阅读
less 工具也是对文件或其它输出进行分页显示的工具，应该说是linux正统查看文件内容的工具，功能极其强大。less 的用法比起 more 更加的有弹性。在 more 的时候，我们并没有办法向前面翻， 只能往后面看，但若使用了 less 时，就可以使用 [pageup] [pagedow
转载
2024-04-11 21:26:16
21阅读
在还没有前端开发这个概念的时代，CSS 其实作为一个比较简单的 DSL 还相对凑合够用，但随着前端项目越来越复杂，前端各种开发模式都在随着项目规模扩大的需求而不断进化，比如前端服务上我们由服务端直出变为简单的前后端分离再慢慢的升级成前后端融合的 serverless，再比如 JS 的写法上我们从开始最原始的单文件脚本慢慢引入了各种模块化的方案再到今天组件化全面开花。同样的进化当然也会发生在 CSS
转载
2021-04-13 15:12:06
268阅读
less和sass就是使用其他工具将某种格式的文本重新编译成css文件，好处在于方便工程管理、避免写大量的重复内容和利于维护。我们常常使用的方式是：写好less后在本地编译后使用编译后的css文件，虽然sass和less能做到请求时进行编译，但是会带来额外的开销，所以我们一般会本地进行编译，以下内容能让你在两个小时内迅速掌握less的使用。 &nbs
转载
2024-04-29 14:37:20
63阅读
之前项目用过Less，现在负责的项目也要使用，所以就总结下Less，也方便以后查看。本文主要是讲浏览器端如何使用Less。简介：LESS是一种由Alexis Sellier设计的动态层叠样式表语言。LESS 是开源的，其第一个版本由Ruby写成，但在后续的版本当中，Ruby逐渐被替换为JavaScript。受益于JavaScript，LESS可以在客户端上运行(IE6+、Webkit、Firefo
转载
2024-07-22 18:20:05
49阅读
Tailwind CSS是一个与Bootstrap、Element等不同的CSS框架，它没有类似btn这样的组件样式，而是基于Utility构建的一套CSS。Tailwind CSS的理念是提供一套完整的，最小单位的工具类CSS，再由设计师将它们组合起来。如果页面有很多Button，需要统一样式，难道需要在每个Button的class中重复一大串样式名吗？为了复用一组样式，Tailwind提供了一
原创
2024-07-05 15:43:06
136阅读
上一篇文章 Angular 中 SASS 样式的使用中，我们已经介绍了 sass 样式的介绍。本文，我们来介绍另一个编写样式的神器 -- Tailwind。Tailwind宣称无需离开...
原创
2022-08-27 01:23:03
167阅读
一、核心概念与设计哲学
原子化CSS框架
Tailwind CSS 采用“功能类优先”（Utility-First）理念，提供细粒度的工具类（如 p-4、text-center），开发者通过组合这些原子类实现定制化样式，而非依赖预置组件（如Bootstrap）。
原子类示例：按钮可通过组合 bg-blue-500 hover:bg-blue-700 text-white font-bold py-
When creating UIs with utility classes, a lot of repetition can occur within the HTML markup. In this lesson, we see how this concern can be addressed
转载
2018-04-12 19:08:00
94阅读
2评论
初始化 Tailwind CSS 通过 npm 安装 Tailwind 安装 Tailwind 以及其它依赖项: npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat post ...
转载
2021-10-27 15:31:00
223阅读
2评论
You are able to extend the custom css with hover, focus, group-hover, responsive variants class in tailwind. https://tailwindcss.com/docs/functions-an
转载
2018-04-11 21:39:00
135阅读
2评论
本文旨在加深对 LESS 的理解和记忆，供自己开发时参考。相信对没有接触过 LESS 的程序员还是有用的，大佬绕路。一、 安装和使用 LESS 1.1 安装 使用命令行安装 LESS npm install -g less 1.2 使用 less 有多种的使用方法，在这里我向大家介绍最常用的俩种方法。 第一种是直接在浏览器中使用：去下载一个你要的 less.js创建
