发表于: 2017-03-27 21:08:18

1 679


一、今天完成的任务:

 1,任务十的进度条的制作,以及任务十一less资料的查看、学习。

二、遇到的问题:

 1,GUI编译工具来编译.less文件,我是下载了一个koala(考拉)的一个编译工具,只知道是用来翻译less文件,个人感觉这个翻译是因为html不能直接翻译less文件,所以要通过编译工具进行翻译。

 2,不经编译直接在浏览器端直接使用的,就是像引入CSS文件一样引入less文件,当了解这的时候,我有点蒙了...编译工具到底有没有用?后来经过查找“http://www.1024i.com/demo/less/”得知less文件在本机文件系统打开(即地址是file://开头)或者是有跨域的情况下回拉取不到,导致样式无法生效。还有就是部分服务器(以IIS居多)会对未知后缀的文件返回404,导致无法读取.less文件。解决方案:在服务器中为.less文件配置MIME值为text/css。或者直接把.less文件改名为.csss文件。SO,配置了MIME值之后就不会出现以上问题了吗?.less文件改为.css文件不就又变成引用CSS文件了吗?(完全懵逼了,不知所云,晕头转向)

三、收获:

 1,了解了less文件的编写方式

以及函数和运算,虽然有那么一点点不好理解,但是稍微思考下基本上都能懂

1)嵌套规则:

 把父元素的类中嵌套子元素以及孙子元素的类,例:

#header {  color: black; 

          .navigation {    font-size: 12px;  }  

             .logo {    width: 300px;  }

}

 父元素:header,子元素:nacigation、logo

2)函数和运算;

 通过加减乘除的操作,进行属性以及颜色的运算。

四、明天的计划:

 1,决定着手编写一下less文件,所有问题只有自己实践了才能深切体会到,也只有自己体会到了,才能真正的认识到问题,才能更好的去解决问题。



成果展示:任务十的成果链接。


返回列表 返回列表
评论

    分享到