发表于: 2019-08-28 14:52:38
1 926
今天完成的事情:
今天完成了任务十一的制作,学习了less的一些用法,但是不太熟练,暂时没有感受到less的方便和强大,可能因为页面内容太少或者自己学的浅。从昨天看到less到今天下午稍微明白了点less的用法,并试着在任务十一中使用,感觉还是要多练,主要用到less的地方是添加变量和混合,另外稍微用了点函数(加法),随着不断的重构之前的页面发现了以前的好多布局思路的错误,感觉重构之前代码的学习方式效果非常好。
明天计划的事情:
对任务十一深度思考。开始进行护工页面的重构,多去使用less,熟练使用规则,反思之前做任务的不足之处。
遇到的问题:
1、
这里使用less去除a标签的下划线和hover后的下划线。&连接上一级元素,表示的意思就是a:hover。
2、
关于清除浮动的问题:这里写了个清除浮动(采用了伪类的方法添加空元素),方便以后的使用,但是有点没搞懂这个zoom:1为什么必须写在外面。
3、在做表单的输入框的时候发现在input中设置字体颜色,预先的文字没有变化,后来发现预显示文字的样式设置需要对伪元素placeholder进行设置,具体代码如下:
4、没搞懂为啥把input放在div中设置高度100%,却没有效果,好像高度只和字体的大小有关?
收获:
1、使用visual stdiuo可以在里面下载个easy less插件,之后再工作区新建less文件会自动生成css文件,然后在html中引入此css文件,这种方法自我感觉很方便,不用下载less各种工具,还有就是可以引入cdn的方法:
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.3/less.min.js"></script>
2、为啥less不能完全替代css?
less替换css,必须要使用less.js,less.js在客户端上解析less文件需要一个不小的时间。我将less定位于开发中的工具
评论