发表于: 2018-05-31 22:54:25

1 500


今天完成的事情:

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




返回列表 返回列表
评论

    分享到