发表于： 2019-03-11 19:33:18
1 715
今天完成的事情：修改了任务十bug，完成了任务十一。
明天计划的事情：任务十二
遇到的问题：暂无
收获：学习到less，通过less可以使css书写更加方便，整洁。
学习到如何在阿里巴巴适量图库寻找自己想要的图标。
修改了任务十bug
1、修改了任务十导航栏中字体的颜色，与ui中一致。
2,、修改了input的点击效果，一次只能点击一次。
任务十一内容
一、配置less环境搭载，
1首先，我们需要先下载安装Nodejs；再官网下载即可。
根据电脑系统和位数选择。
2下载后开始安装，安装教程http://www.runoob.com/nodejs/nodejs-install-setup.html，一直点击下一步就行。
3运行输入以下
4、等待安装完成。此时less安装完成。
5、在webstorm上配置less
在设立直接搜素file Watchers，点击“+”号按钮找到less文件选项点击添加。
出来弹窗，在program里放置你less的路径。
在arguments里放置less工作目录。
二、less基础
简单理解，他就是可以帮助你书写css，可以减轻书写css的繁杂。
工作原理：在less表里书写，他能自动翻译成正确css的格式。
第一：变量。
简单来说就是将某个元素的属性设为@xxx，然后在less的表里，设置@xxx：###。
然后元素的属性就会跟随@xxx的内容###而改变。
然后这样也有利于后期对某些元素的修改。
第二：嵌套
简单来说，就是同html里布局一样，方便书写css。
返回列表
评论