8000 GitHub - xiaoxiaoweii/less-study: less学习
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

xiaoxiaoweii/less-study

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

less-study

less学习 https://www.bilibili.com/video/av58567358

初识less

  • // 这种注释不会被编译到css文件中
  • /* 这种注释会被编译到css文件中 */
  • less只有在被编译后才会被浏览器识别
  • 中文网站 http://lesscss.cn/ 英文网站 http://lesscss.org/

使用less

less编译工具

  • koala 课程使用的编译器 输出方式 compress为压缩形式 节省空间
  • winless
  • codekit

客户端调试方式

  • 首先引用less文件 less网站获取文件 less.min.js
  • 然后引用less.js

直接打开网页显示跨域错误 放在web服务器里就不报错了

变量

  • 普通变量
  • 作为选择器和属性名的变量
  • 作为url使用
  • 延迟加载
  • 定义多个相同名称变量时 会使用最后一次定义的变量

混合

普通混合

不带输出的混合

带选择器的混合

带参数的混合

带参数并且有默认值的混合

About

less学习

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0