• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

Yancy00

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

随笔分类 -  less

less是css的动态扩展语言
less-其他内容
摘要:导入 在一个less文件中可以 import另一个.less文件.此文件中的所有内容就可以使用了 如果导入的文件是 .less 扩展名,则可以将扩展名省略 @import "library"; // 等价于library.less @import "type.css"; 转义 ~"anything" 阅读全文

posted @ 2023-09-15 14:25 Yancy00 阅读(21) 评论(0) 推荐(0)

less-运算
摘要://注意: // 运算时. 数值和单位之间不能有空格 // 减法操作符号左右要留空格. // 除法要用括号括起来. // 加,减 之前会自动进行单位换算. 以左侧操作数的单位为准. // 例如: `@base: 2cm * 3mm; // 结果是 6cm` // 如果单位换算无效或失去意义,则结果就 阅读全文

posted @ 2023-09-15 14:10 Yancy00 阅读(40) 评论(0) 推荐(0)

less-嵌套样式
摘要:.box { width: 500px; padding: 20px; border: 1px solid #666; border-radius: 10px; // & 符号代表上一层的选择器. 父级 &:hover { background-color: green; box-shadow: 0 阅读全文

posted @ 2023-09-15 14:00 Yancy00 阅读(47) 评论(0) 推荐(0)

less-匹配模式
摘要://匹配模式 有点像函数重载 .arrow { width: 0; height: 0; overflow: hidden; border-width: 10px; border-color: transparent transparent limegreen transparent; border 阅读全文

posted @ 2023-09-15 13:07 Yancy00 阅读(28) 评论(0) 推荐(0)

less-混合
摘要:@width: 200px; @border: 1px solid red; div { margin: 10px 0; border-radius: 10px; } .txt-center { font-size: 20px/40px '微软雅黑'; color: #fff; text-align 阅读全文

posted @ 2023-09-15 12:39 Yancy00 阅读(19) 评论(0) 推荐(0)

less-变量
摘要:@width: 100px; //定义变量 @default-border: 1px solid black; // 变量名,变量值都可以被定义为变量 //变量名被定义为变量后,使用时需要加@{}引用 @bacc: background-color; .box { width: @width; he 阅读全文

posted @ 2023-09-15 12:35 Yancy00 阅读(19) 评论(0) 推荐(0)

less-基础用法
摘要:什么是less? less, suss , stylus 都是css的动态扩展语言. 三种都大同小异 官网: https://less.nodejs.cn/ 怎么用? 与Node.js一起使用: 安装: npm install -g less 编译: lessc styles.less styles 阅读全文

posted @ 2023-09-15 12:25 Yancy00 阅读(54) 评论(0) 推荐(0)

pycharm-自动编译less设置
摘要:在File Settings Tools File Watchers 点击 '+' 下拉选项里选择 less ok,apply,之后编辑less文件保存后自动会编译为.css 阅读全文

posted @ 2023-09-15 12:19 Yancy00 阅读(96) 评论(0) 推荐(0)

 
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3