发表于: 2018-05-31 22:54:25
1 501
今天完成的事情:
1、修改任务10,使其在各种分别率响应式时布局合理。
2、学习sass语言。
3、用sass重构任务4页面。
明天的计划:
1、开始任务十二。
遇到的问题:
1、sass的环境搭建
我用的是sublime编码器,是老版本,在安装好ruby,sass后,在sublime中安装sass时遇到了问题。
老编译器没有这个选项,导致安装sass苦苦找不到门。后来重新下载最新sublime后顺利完成环境搭建。
2、在sass编码时koala报错
询问师兄,原来sass编译时十分严格,稍有一点格式或标点问题便会报错,要细心一点。
收获:
官网任务要求使用less与sass两个选择一个学习然后重新对css任务4进行编辑。
我选择学习sass,没别的原因,觉得名字叫的顺口。
首先对sass要有一个基本的概念理解,sass可以理解为程序员的语言,css更像设计师的语言,sass具有非常强的逻辑性,css没有啥逻辑,只要能符合最最基本的css规范就能跑通。
然后是环境搭建,这一步很关键,我在这步弄了很久,先要下载ruby,因为sass语言是基于ruby语言写成的,然后在电脑控制台中命令安装好sass,然后再在编辑器中安装好sass,最后最好再下一个koala的sass编译器,这样环境搭建就好了。
然后就可以创建sass文件开始撸代码了,格式与css没大区别,注意保存文件结尾的后缀写sass,如果用sass中的scss那么保存后缀写scss。
写代码时要注意三个东西:
1、变量:符号$ 可以将某一个属性命名,以后这个属性统统使用这个命名就好,命名即代表这个属性。
2、嵌套:使代码更具有逻辑性,与html一样将元素属性通过一层又一层的{}包裹起来,要与html嵌套辑一致。
3、继承:符号:@extend 将某一css堆属性统一集中在一起打包成一个盒子,这个盒子取个名字,然后就可以批量复制使用了,适合同一类大型页面使用。
进度:task11
任务开始时间:2018.5.31
预计结束时间:2018.5.31
是否有延期风险:无
禅道:http://task.jnshu.com/zentao/project-task-713.html
评论