发表于: 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之间的区别


返回列表 返回列表
评论

    分享到