发表于: 2017-04-04 21:54:38
1 613
今日完成的任务:
1.了解了微信上传小课堂以及小课堂上传到github的流程
2.学习了一些less的基础知识
LESS 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性,更不是用来取代 CSS 的,而是在现有 CSS 语法的基础上,为 CSS 加入程序式语言的特性
以下使一些简单的less文件
@color: #4D926F;
#header {
color: @color;
}
h2 {
color: @color;
}
编译后的css文件如下
#header {
color: #4D926F;
}
h2 {
color: #4D926F;
}
一般都是将less文件编译生成静态css文件,并在html文档中应用
LESS 是完全兼容 CSS 语法的,也就是说,我们可以将标准的 CSS 文件直接改成 .less 格式,LESS 编译器可以完全识别
LESS 允许开发者自定义变量,变量可以在全局样式中使用,变量使得样式修改起来更加简单
less还可以在一个class文件中引入另一个class文件
less中还可以实现函数运算
@init: #111111;
@transition: @init*2;
.switchColor {
color: @transition;
}
对应的css文件
.switchColor {
color: #222222;
}
明日计划完成的任务:完成任务十,继续学习less
遇到的困难:上传的ppt无法显示图片,可能是文件后缀大小写的问题
对于less的语法结构还有一些不明白的地方
收获:学习了一些小课堂的流程问题,了解了less还有sass之间的区别
评论