网站编号：1424

所属分类： 商业服务

网站URL： http://lesscss.cn

最后点入：2024-05-29 14:17:48 · 加入时间：2023-04-14 09:32:32

网站关键词(0个字符):
该站未曾设置keywords

网站描述词(73个字符):
Less使用动态行为（例如变量、混入、操作和函数）扩展CSS。Less在服务器端（使用Node.js和Rhino）或客户端（仅限现代浏览器）运行。

关于lesscss.cn说明：
lesscss.cn由网友主动性提交被自动秒收录整理收录的，自动秒收录仅提供lesscss.cn的基础信息并免费向大众网友展示，lesscss.cn的是IP地址：8.210.242.96 [中国香港香港 阿里云]，lesscss.cn的百度权重为2、百度手机权重为2、百度收录为0条、360收录为0条、搜狗收录为0条、谷歌收录为0条、百度来访流量大约在123之间、百度手机端来访流量大约在472之间、lesscss.cn的备案号是-、备案人叫-、被百度收录的关键词有55个、手机端关键词有3个、迄今为止已经创建10年10个月29天。

下载地址: txt下载、docx下载、pdf下载、rar下载、zip下载

本页地址: https://www.badfl.com/links/3026c5b77a60ce05ef21.html

SEO信息	百度来访IP：123 | 移动端来访IP：472 | 出站链接：5 | 站内链接：35
IP网速：	IP地址：8.210.242.96 [中国香港香港 阿里云] | 网速：951毫秒
ALEXA排名	世界排名：- | 预估IP：- | 预估PV：-
备案信息	- | 名称：- | 已创建：10年10个月29天

收录	百度	360	搜狗	谷歌
查询	0	0	0	0

电脑关键词	手机关键词	页面友好	首页位置	索引	近期收录
55	3	电脑端优秀	-	0	0

协议类型HTTP/1.1 200 OK 页面类型text/html 服务器类型AliyunOSS 是否压缩是 原网页大小34923 压缩后大小10226 压缩比70.72%

L e s s . j s 中 文 网 它 是 C S S ， 只 是 多 了 一 点 东 西 。 与 N o d e . j s 一 起 使 用 ： n p m i n s t a l l g l e s s > l e s s c s t y l e s . l e s s s t y l e s . c s s 或 者 浏 览 器 ： 或 者 试 试 在 线 练 习 场 ! 🆕 查 看 L e s s . j s 更 新 日 志 概 述 变 量 混 入 嵌 套 嵌 套 的 @ 规 则 和 冒 泡 操 作 c a l c ( ) 异 常 转 义 函 数 命 名 空 间 和 访 问 器 映 射 作 用 域 注 释 导 入 T o g g l e n a v i g a t i o n 概 述 使 用 L e s s . j s 函 数 手 册 高 级 指 南 当 前 版 本 v 4 . 2 概 述 L e s s （ L e a n e r S t y l e S h e e t s 的 缩 写 ） 是 一 种 向 后 兼 容 的 C S S 语 言 扩 展 。 这 是 L e s s 语 言 和 L e s s . j s 的 官 方 文 档 ， L e s s . j s 是 将 L e s s 样 式 转 换 为 C S S 样 式 的 J a v a S c r i p t 工 具 。 ¥ L e s s ( w h i c h s t a n d s f o r L e a n e r S t y l e S h e e t s ) i s a b a c k w a r d s c o m p a t i b l e l a n g u a g e e x t e n s i o n f o r C S S . T h i s i s t h e o f f i c i a l d o c u m e n t a t i o n f o r L e s s , t h e l a n g u a g e a n d L e s s . j s , t h e J a v a S c r i p t t o o l t h a t c o n v e r t s y o u r L e s s s t y l e s t o C S S s t y l e s . 因 为 L e s s 看 起 来 就 像 C S S ， 所 以 学 习 起 来 很 容 易 。 L e s s 只 对 C S S 语 言 做 了 一 些 方 便 的 补 充 ， 这 也 是 它 可 以 学 得 这 么 快 的 原 因 之 一 。 ¥ B e c a u s e L e s s l o o k s j u s t l i k e C S S , l e a r n i n g i t i s a b r e e z e . L e s s o n l y m a k e s a f e w c o n v e n i e n t a d d i t i o n s t o t h e C S S l a n g u a g e , w h i c h i s o n e o f t h e r e a s o n s i t c a n b e l e a r n e d s o q u i c k l y . 有 关 L e s s 语 言 特 性 的 详 细 文 档 ， 请 参 阅 特 性 ¥ F o r d e t a i l e d d o c u m e n t a t i o n o n L e s s l a n g u a g e f e a t u r e s , s e e F e a t u r e s 有 关 L e s s 内 置 函 数 的 列 表 ， 请 参 阅 函 数 ¥ F o r a l i s t o f L e s s B u i l t i n f u n c t i o n s , s e e F u n c t i o n s 详 细 使 用 说 明 ， 请 参 阅 使 用 L e s s . j s ¥ F o r d e t a i l e d u s a g e i n s t r u c t i o n s , s e e U s i n g L e s s . j s L e s s 的 第 三 方 工 具 ， 请 参 阅 工 具 ¥ F o r t h i r d p a r t y t o o l s f o r L e s s , s e e T o o l s L e s s 给 C S S 增 加 了 什 么 ？ 以 下 是 功 能 的 快 速 概 述 。 ¥ W h a t d o e s L e s s a d d t o C S S ? H e r e s a q u i c k o v e r v i e w o f f e a t u r e s . 变 量 ¥ V a r i a b l e s 这 些 都 是 不 言 自 明 的 ： ¥ T h e s e a r e p r e t t y s e l f e x p l a n a t o r y : @ w i d t h : 1 0 p x ; @ h e i g h t : @ w i d t h + 1 0 p x ; # h e a d e r 输 出 ： ¥ O u t p u t s : # h e a d e r 了 解 有 关 变 量 的 更 多 信 息 ¥ L e a r n M o r e A b o u t V a r i a b l e s 混 入 ¥ M i x i n s 混 入 是 一 种 将 一 组 属 性 从 一 个 规 则 集 中 包 含 （ 混 合 进 入 ） 到 另 一 个 规 则 集 中 的 方 法 。 所 以 说 我 们 有 以 下 类 ： ¥ M i x i n s a r e a w a y o f i n c l u d i n g ( m i x i n g i n ) a b u n c h o f p r o p e r t i e s f r o m o n e r u l e s e t i n t o a n o t h e r r u l e s e t . S o s a y w e h a v e t h e f o l l o w i n g c l a s s : . b o r d e r e d 我 们 希 望 在 其 他 规 则 集 中 使 用 这 些 属 性 。 好 吧 ， 我 们 只 需 要 放 入 我 们 想 要 属 性 的 类 的 名 称 ， 如 下 所 示 ： ¥ A n d w e w a n t t o u s e t h e s e p r o p e r t i e s i n s i d e o t h e r r u l e s e t s . W e l l , w e j u s t h a v e t o d r o p i n t h e n a m e o f t h e c l a s s w h e r e w e w a n t t h e p r o p e r t i e s , l i k e s o : # m e n u a . p o s t a . b o r d e r e d 类 的 属 性 现 在 将 出 现 在 # m e n u a 和 . p o s t a 中 。 （ 请 注 意 ， 你 也 可 以 将 # i d s 用 作 混 入 。 ） ¥ T h e p r o p e r t i e s o f t h e . b o r d e r e d c l a s s w i l l n o w a p p e a r i n b o t h # m e n u a a n d . p o s t a . ( N o t e t h a t y o u c a n a l s o u s e # i d s a s m i x i n s . ) 了 解 有 关 混 合 的 更 多 信 息 ¥ L e a r n M o r e A b o u t M i x i n s 嵌 套 ¥ N e s t i n g L e s s 使 你 能 够 使 用 嵌 套 代 替 级 联 ， 或 与 级 联 结 合 使 用 。 假 设 我 们 有 以 下 C S S ： ¥ L e s s g i v e s y o u t h e a b i l i t y t o u s e n e s t i n g i n s t e a d o f , o r i n c o m b i n a t i o n w i t h c a s c a d i n g . L e t s s a y w e h a v e t h e f o l l o w i n g C S S : # h e a d e r # h e a d e r . n a v i g a t i o n # h e a d e r . l o g o 在 L e s s 中 ， 我 们 也 可 以 这 样 写 ： ¥ I n L e s s , w e c a n a l s o w r i t e i t t h i s w a y : # h e a d e r . l o g o } 生 成 的 代 码 更 加 简 洁 ， 并 且 模 仿 了 H T M L 的 结 构 。 ¥ T h e r e s u l t i n g c o d e i s m o r e c o n c i s e , a n d m i m i c s t h e s t r u c t u r e o f y o u r H T M L . 你 还 可 以 使 用 此 方 法 将 伪 选 择 器 与 混 入 打 包 在 一 起 。 这 是 经 典 的 c l e a r f i x h a c k ， 重 写 为 混 入 （ / / r e s u l t i s 6 c m @ c o n v e r s i o n 2 : 2 3 c m 5 m m ; / / r e s u l t i s 1 . 5 c m / / c o n v e r s i o n i s i m p o s s i b l e @ i n c o m p a t i b l e u n i t s : 2 + 5 p x 3 c m ; / / r e s u l t i s 4 p x / / e x a m p l e w i t h v a r i a b l e s @ b a s e : 5 % ; @ f i l l e r : @ b a s e * 2 ; / / r e s u l t i s 1 0 % @ o t h e r : @ b a s e + @ f i l l e r ; / / r e s u l t i s 1 5 % 乘 法 和 除 法 不 转 换 数 字 。 大 多 数 情 况 下 没 有 意 义 长 度 乘 以 长 度 得 出 面 积 ， 而 c s s 不 支 持 指 定 面 积 。 L e s s 将 按 原 样 对 数 字 进 行 运 算 ， 并 将 明 确 声 明 的 单 位 类 型 分 配 给 结 果 。 ¥ M u l t i p l i c a t i o n a n d d i v i s i o n d o n o t c o n v e r t n u m b e r s . I t w o u l d n o t b e m e a n i n g f u l i n m o s t c a s e s a l e n g t h m u l t i p l i e d b y a l e n g t h g i v e s a n a r e a a n d c s s d o e s n o t s u p p o r t s p e c i f y i n g a r e a s . L e s s w i l l o p e r a t e o n n u m b e r s a s t h e y a r e a n d a s s i g n e x p l i c i t l y s t a t e d u n i t t y p e t o t h e r e s u l t . @ b a s e : 2 c m * 3 m m ; / / r e s u l t i s 6 c m 你 还 可 以 对 颜 色 进 行 算 术 运 算 ： ¥ Y o u c a n a l s o d o a r i t h m e t i c o n c o l o r s : @ c o l o r : ( # 2 2 4 4 8 8 / 2 ) ; / / r e s u l t i s # 1 1 2 2 4 4 b a c k g r o u n d c o l o r : # 1 1 2 2 4 4 + # 1 1 1 ; / / r e s u l t i s # 2 2 3 3 5 5 但 是 ， 你 可 能 会 发 现 L e s s 的 颜 色 函 数 更 有 用 。 ¥ H o w e v e r , y o u m a y f i n d L e s s s C o l o r F u n c t i o n s m o r e u s e f u l . 从 4 . 0 开 始 ， 不 会 使 用 / 运 算 符 在 括 号 外 执 行 除 法 。 ¥ F r o m 4 . 0 , N o d i v i s i o n i s p e r f o r m e d o u t s i d e o f p a r e n s u s i n g / o p e r a t o r . @ c o l o r : # 2 2 2 / 2 ; / / r e s u l t s i n ` # 2 2 2 / 2 ` , n o t # 1 1 1 b a c k g r o u n d c o l o r : ( # F F F F F F / 1 6 ) ; / / r e s u l t s i s # 1 0 1 0 1 0 你 可 以 改 变 数 学 设 置 ， 如 果 你 想 让 它 一 直 有 效 ， 但 不 推 荐 。 ¥ Y o u c a n c h a n g e M a t h s e t t i n g , i f y o u w a n t t o m a k e i t a l w a y s w o r k , b u t n o t r e c o m m e n d e d . c a l c ( ) 异 常 ¥ c a l c ( ) e x c e p t i o n 发 布 于 v 3 . 0 . 0 ¥ R e l e a s e d v 3 . 0 . 0 为 了 C S S 兼 容 性 ， c a l c ( ) 不 计 算 数 学 表 达 式 ， 但 会 计 算 嵌 套 函 数 中 的 变 量 和 数 学 。 ¥ F o r C S S c o m p a t i b i l i t y , c a l c ( ) d o e s n o t e v a l u a t e m a t h e x p r e s s i o n s , b u t w i l l e v a l u a t e v a r i a b l e s a n d m a t h i n n e s t e d f u n c t i o n s . @ v a r : 5 0 v h / 2 ; w i d t h : c a l c ( 5 0 % + ( @ v a r 2 0 p x ) ) ; / / r e s u l t i s c a l c ( 5 0 % + ( 2 5 v h 2 0 p x ) ) 转 义 ¥ E s c a p i n g 转 义 允 许 你 使 用 任 意 字 符 串 作 为 属 性 或 变 量 值 。 ~ a n y t h i n g 或 ~ a n y t h i n g 中 的 任 何 内 容 都 按 原 样 使 用 ， 除 了 插 值 之 外 没 有 任 何 变 化 。 ¥ E s c a p i n g a l l o w s y o u t o u s e a n y a r b i t r a r y s t r i n g a s p r o p e r t y o r v a r i a b l e v a l u e . A n y t h i n g i n s i d e ~ a n y t h i n g o r ~ a n y t h i n g i s u s e d a s i s w i t h n o c h a n g e s e x c e p t i n t e r p o l a t i o n . @ m i n 7 6 8 : ~ ( m i n w i d t h : 7 6 8 p x ) ; . e l e m e n t } 结 果 是 ： ¥ r e s u l t s i n : @ m e d i a ( m i n w i d t h : 7 6 8 p x ) } 注 意 ， 从 L e s s 3 . 5 开 始 ， 你 可 以 简 单 地 写 ： ¥ N o t e , a s o f L e s s 3 . 5 , y o u c a n s i m p l y w r i t e : @ m i n 7 6 8 : ( m i n w i d t h : 7 6 8 p x ) ; . e l e m e n t } 在 3 . 5 + 中 ， 许 多 以 前 需 要 引 号 转 义 的 案 例 不 再 需 要 了 。 ¥ I n 3 . 5 + , m a n y c a s e s p r e v i o u s l y r e q u i r i n g q u o t e e s c a p i n g a r e n o t n e e d e d . 函 数 ¥ F u n c t i o n s L e s s 提 供 了 许 多 函 数 ， 可 以 转 换 颜 色 、 操 作 字 符 串 和 进 行 数 学 运 算 。 它 们 在 函 数 参 考 手 册 中 有 完 整 的 记 录 。 ¥ L e s s p r o v i d e s a v a r i e t y o f f u n c t i o n s w h i c h t r a n s f o r m c o l o r s , m a n i p u l a t e s t r i n g s a n d d o m a t h s . T h e y a r e d o c u m e n t e d f u l l y i n t h e f u n c t i o n r e f e r e n c e . 使 用 它 们 非 常 简 单 。 以 下 示 例 使 用 百 分 比 将 0 . 5 转 换 为 5 0 % ， 将 基 色 的 饱 和 度 增 加 5 % ， 然 后 将 背 景 颜 色 设 置 为 亮 2 5 % 并 旋 转 8 度 的 颜 色 ： ¥ U s i n g t h e m i s p r e t t y s t r a i g h t f o r w a r d . T h e f o l l o w i n g e x a m p l e u s e s p e r c e n t a g e t o c o n v e r t 0 . 5 t o 5 0 % , i n c r e a s e s t h e s a t u r a t i o n o f a b a s e c o l o r b y 5 % a n d t h e n s e t s t h e b a c k g r o u n d c o l o r t o o n e t h a t i s l i g h t e n e d b y 2 5 % a n d s p u n b y 8 d e g r e e s : @ b a s e : # f 0 4 6 1 5 ; @ w i d t h : 0 . 5 ; . c l a s s 查 阅 ： 函 数 参 考 ¥ S e e : F u n c t i o n R e f e r e n c e 命 名 空 间 和 访 问 器 ¥ N a m e s p a c e s a n d A c c e s s o r s （ 不 要 与 C S S @ n a m e s p a c e 或 命 名 空 间 选 择 器 混 淆 ） 。 ¥ ( N o t t o b e c o n f u s e d w i t h C S S @ n a m e s p a c e o r n a m e s p a c e s e l e c t o r s ) . 有 时 ， 出 于 组 织 目 的 或 只 是 为 了 提 供 一 些 封 装 ， 你 可 能 希 望 对 混 入 进 行 分 组 。 你 可 以 在 L e s s 中 非 常 直 观 地 做 到 这 一 点 。 假 设 你 想 在 # b u n d l e 下 打 包 一 些 混 入 和 变 量 ， 以 供 以 后 重 用 或 分 发 ： ¥ S o m e t i m e s , y o u m a y w a n t t o g r o u p y o u r m i x i n s , f o r o r g a n i z a t i o n a l p u r p o s e s , o r j u s t t o o f f e r s o m e e n c a p s u l a t i o n . Y o u c a n d o t h i s p r e t t y i n t u i t i v e l y i n L e s s . S a y y o u w a n t t o b u n d l e s o m e m i x i n s a n d v a r i a b l e s u n d e r # b u n d l e , f o r l a t e r r e u s e o r d i s t r i b u t i n g : # b u n d l e ( ) } . t a b . c i t a t i o n } 现 在 如 果 我 们 想 在 我 们 的 # h e a d e r a 中 混 合 . b u t t o n 类 ， 我 们 可 以 这 样 做 ： ¥ N o w i f w e w a n t t o m i x i n t h e . b u t t o n c l a s s i n o u r # h e a d e r a , w e c a n d o : # h e a d e r a 注 意 ： 如 果 你 不 希 望 它 出 现 在 你 的 C S S 输 出 中 （ 即 # b u n d l e . t a b ） ， 请 将 ( ) 附 加 到 你 的 命 名 空 间 （ 例 如 # b u n d l e ( ) ） 。 ¥ N o t e : a p p e n d ( ) t o y o u r n a m e s p a c e ( e . g . # b u n d l e ( ) ) i f y o u d o n t w a n t i t t o a p p e a r i n y o u r C S S o u t p u t i . e . # b u n d l e . t a b . 映 射 ¥ M a p s 从 L e s s 3 . 5 开 始 ， 你 还 可 以 使 用 混 入 和 规 则 集 作 为 值 映 射 。 ¥ A s o f L e s s 3 . 5 , y o u c a n a l s o u s e m i x i n s a n d r u l e s e t s a s m a p s o f v a l u e s . # c o l o r s ( ) . b u t t o n 如 预 期 的 那 样 输 出 ： ¥ T h i s o u t p u t s , a s e x p e c t e d : . b u t t o n 也 可 以 看 看 ： 映 射 ¥ S e e a l s o : M a p s 作 用 域 ¥ S c o p e L e s s 中 的 作 用 域 与 C S S 中 的 作 用 域 非 常 相 似 。 首 先 在 本 地 查 找 变 量 和 混 入 ， 如 果 找 不 到 ， 则 从 父 级 作 用 域 继 承 。 ¥ S c o p e i n L e s s i s v e r y s i m i l a r t o t h a t o f C S S . V a r i a b l e s a n d m i x i n s a r e f i r s t l o o k e d f o r l o c a l l y , a n d i f t h e y a r e n t f o u n d , i t s i n h e r i t e d f r o m t h e p a r e n t s c o p e . @ v a r : r e d ; # p a g e } 与 C S S 自 定 义 属 性 一 样 ， 混 入 和 变 量 定 义 不 必 放 在 引 用 它 们 的 行 之 前 。 所 以 下 面 的 L e s s 代 码 与 前 面 的 例 子 是 一 样 的 ： ¥ L i k e C S S c u s t o m p r o p e r t i e s , m i x i n a n d v a r i a b l e d e f i n i t i o n s d o n o t h a v e t o b e p l a c e d b e f o r e a l i n e w h e r e t h e y a r e r e f e r e n c e d . S o t h e f o l l o w i n g L e s s c o d e i s i d e n t i c a l t o t h e p r e v i o u s e x a m p l e : @ v a r : r e d ; # p a g e @ v a r : w h i t e ; } 也 可 以 看 看 ： 延 迟 加 载 ¥ S e e a l s o : L a z y L o a d i n g 注 释 ¥ C o m m e n t s 块 式 注 释 和 行 内 注 释 都 可 以 使 用 ： ¥ B o t h b l o c k s t y l e a n d i n l i n e c o m m e n t s m a y b e u s e d : / * O n e h e c k o f a b l o c k * s t y l e c o m m e n t ! * / @ v a r : r e d ; / / G e t i n l i n e ! @ v a r : w h i t e ; 导 入 ¥ I m p o r t i n g 导 入 工 作 与 预 期 的 差 不 多 。 你 可 以 导 入 一 个 . l e s s 文 件 ， 其 中 的 所 有 变 量 都 将 可 用 。 可 选 地 为 . l e s s 文 件 指 定 扩 展 名 。 ¥ I m p o r t i n g w o r k s p r e t t y m u c h a s e x p e c t e d . Y o u c a n i m p o r t a . l e s s f i l e , a n d a l l t h e v a r i a b l e s i n i t w i l l b e a v a i l a b l e . T h e e x t e n s i o n i s o p t i o n a l l y s p e c i f i e d f o r . l e s s f i l e s . @ i m p o r t l i b r a r y ; / / l i b r a r y . l e s s @ i m p o r t t y p o . c s s ; 了 解 有 关 导 入 的 更 多 信 息 ¥ L e a r n M o r e A b o u t I m p o r t s L e s s . j s 中 文 网 粤 I C P 备 1 3 0 4 8 8 9 0 号

做上本站友情链接,在您站上点击一次,即可自动秒收录并自动排在本站第一位！
<a href="https://www.badfl.com/" target="_blank">自动秒收录</a>