Less
AsaZyf
这个作者很懒,什么都没留下…
展开
-
Less基础之变量Variables
1.新建Variables.less并打开koala添加文件目录,编译Variables.less(会生成对应css文件,当在less进行修改时,css会对应改变)koala下载地址:链接2.在Variables.less定义变量3.使用变量CSS会对应变化:编写HTML,查看效果tips:快速生成HTML代码header.header+div.bann...原创 2019-01-17 22:09:40 · 1323 阅读 · 0 评论 -
Less重点功能-混合Mixins
Less://加上括号,编译时当做被调用处理,不会直接在css中输出.fl(){ float:left;}.fr(){ float: right;}.logo{ .fl();}.nav{ .fl()}.profile{ .fr()}CSS:.logo { float: left;}.nav { float: ...原创 2019-01-17 23:05:13 · 393 阅读 · 0 评论 -
Less重点功能-参数混合Parametric_Mixins
传参写法:.border-radius(@radius){ -webkit-border-radius: @radius; border-radius: @radius;}.profile-item-ava{ width: 36px; height: 36px; margin: 12px; .border-radius(10px);}...原创 2019-01-19 19:53:27 · 225 阅读 · 0 评论 -
Less重点功能-参数逻辑条件混合Mixin_Guards
字体颜色定义://用#表示,当名字为white时颜色为fbfbfb#color(@name) when (@name=white){ color: #fbfbfb;}.nav__item{ #color(white);}原创 2019-01-19 20:23:35 · 396 阅读 · 0 评论 -
Less重点功能-嵌套规则-Nesting
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="Nesting.css" /> &原创 2019-01-23 11:51:13 · 454 阅读 · 0 评论