发表于: 2017-04-12 20:16:42

1 657


今天完成的事情:

1、学习了less的语法,

参考网址 1http://www.cnblogs.com/hanyangecho/p/3581050.html

2https://www.ibm.com/developerworks/cn/web/1207_zhaoch_lesscss/

 

我总结来说就是就是书写css没有逻辑,不像C语言那么严谨,不方便维护及扩展。用less可以在CSS的基础上增加一些诸如变量,Mixin ,运算以及函数等功能,大大简化CSS的编写,降低CSS的维护成本。而且也不难学。

 

关于less的使用方法,我一开始使用引入less.js的办法,搞了很久发现这反而是最麻烦的,还不如直接在编辑器中写好less的文件然后koala编译一下生成CSS文件来的方便。所以我推荐使用先和CSS一样编写好代码,然后用koala编译下就完事。

 

我这里编辑器是sublime,可以安装less插件来高亮语法,当然也可以不用koala了,用less2css插件来使less文件编译为css文件。

 

再说less语法,就常用的变量,要加个@,然后再次调用的时候@符号别忘了。

 

less嵌套的话不像css这么麻烦了,和HTML结构一样,只需要一层层往里写样式就行。这里区别和函数的调用,函数是有()括号的,而嵌套时候的类,是没有的,所以这是不同的。一些功能函数暂时不用。

 

运算的话就是+-*/

 

&符号有不一样的效果,有&时解析的是同一个元素或此元素的伪类,没有&解析是后代元素。

 

命名空间暂时用不到

 

注释:单行://多行:/**/  建议之用多行反正和CSS一样,不过css没有那个单行的。

 

 

 

明天计划的事情:修改护工样式,不用bs

 

遇到的问题:就搞了嵌套,变量要怎么设置才高效,有扩展性。

 

收获:如何用sublime实现less的高亮,用koala来编译less代码为css



返回列表 返回列表
评论

    分享到