wzndkj - 博客园

2018年7月16日

摘要： @arguments变量：包含了所有传递进来的参数。如果你不想单独处理每一个参数的话可以像这样写： /*arguments*/ //之前这么写 .border_arg(@w:30px,@c:red,@xx:solid){ border:@w @c @xx } //现在这么写，就是懒，可以用的不多阅读全文

posted @ 2018-07-16 06:40 wzndkj 阅读(526) 评论(0) 推荐(0) 编辑

less嵌套规则

摘要：嵌套，是less里面最有意思的小东西，比如说我们经常性的去写一些列表性的东西 html <ul class="list"> <li><a href="#">links</a><span>2018-07-16</span></li> <li><a href="#">links</a><span>201 阅读全文

posted @ 2018-07-16 06:32 wzndkj 阅读(741) 评论(0) 推荐(0) 编辑

2018年7月15日

less运算

摘要： less里面是可以有运算的，任何数字，颜色或者变量都可以参与与暗算，运算应该被包裹在括号中。 @test_width:300px; .box_width{ width: (@test_width + 20) * 2;//这里面不用每个都带单位，只要有一个带单位就可以了 color: #cccccc 阅读全文

posted @ 2018-07-15 18:28 wzndkj 阅读(172) 评论(0) 推荐(0) 编辑

less匹配模式

摘要： less里面的匹配模式相当于js里面的if，但又不完全是，比如用css画一个三角 html <div class="sanjiao"></div> less .sanjiao{ width: 0px; height: 0px; overflow: hidden; border-width: 10px 阅读全文

posted @ 2018-07-15 18:11 wzndkj 阅读(1325) 评论(0) 推荐(0) 编辑

less混合

摘要：混合(mixin)变量 .border{ border: 5px solid pink; } .box{ width: 300px;height:300px; .border; } => .border { border: 5px solid pink; } .box { width: 300px; 阅读全文

posted @ 2018-07-15 08:41 wzndkj 阅读(191) 评论(0) 推荐(0) 编辑

less变量

摘要： less中的变量用@符号,例如@变量名:值 @text_width:300px; .box{ width: @text_width; } => .box { width: 300px; } 阅读全文

posted @ 2018-07-15 08:04 wzndkj 阅读(163) 评论(0) 推荐(0) 编辑

less注释

摘要： less中的注释 1、可以使用css中的注释（/***/） 2、也可以用//注释 //编译时会自动过滤掉 /**我是会被编译的*/ ul{ // padding: 0px; // height: 100px; } => /**我是会被编译的*/ 阅读全文

posted @ 2018-07-15 08:00 wzndkj 阅读(158) 评论(0) 推荐(0) 编辑

2018年7月14日

less简介

摘要： less是什么？相比于css，少即是多 less类似于js中的jquery库，less css 是一种动态样式语言，属于css预处理语言中的一种，它使用类似css的语法，为css赋予了动态语言的特性，如变量、继承、运算、函数灯，更方便css的编写和维护引用 <link rel="styleshee 阅读全文

posted @ 2018-07-14 08:02 wzndkj 阅读(169) 评论(0) 推荐(0) 编辑

2018年7月13日

jade总结

摘要：随着时间的迁移，要跟官方api相匹配 jade的缺点 1、可移植性差 2、调试困难 3、性能不是非常出色（不是为性能设计，可以使用dot, http://olado.github.io/）选择的因素： 1、初始阶段（开发效率首选,快速迭代，这个时候速度和活下来很重要，不用担心性能的问题） 2、稳定阅读全文

posted @ 2018-07-13 06:53 wzndkj 阅读(137) 评论(0) 推荐(0) 编辑

jade反编译，把html编译成jade

摘要：通过上面的学习，了解了一个jade模板怎么编译成一个html页面，现在介绍一个工具，怎么把html页面编译成一个jade模板命令行 npm install html2jade -g 安装到全局第一种用法,我们把百度到首页转化成jade，终端输入 html2jade http://www.baid 阅读全文

posted @ 2018-07-13 06:48 wzndkj 阅读(538) 评论(0) 推荐(0) 编辑

Zina

不积跬步，无以至千里