发表于: 2017-04-12 20:16:42
1 657
今天完成的事情:
1、学习了less的语法,
参考网址 1、http://www.cnblogs.com/hanyangecho/p/3581050.html
2、https://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
评论