发表于： 2018-05-19 20:11:07
1 515
今天完成的事情：
1.完成任务十。
2.从中午就开始下载ruby和koala，一直不能下载，师兄帮我翻墙也不能下载。很烦，浪费一天时间，不然明天就可以进行任务十二了。
3.学习less和sass
Sass和Less都属于CSS预处理器，用一种专门的编程语言，进行 Web 页面样式设计，再通过编译器转化为正常的 CSS 文件，以供项目使用。
Sass和Less的比较
不同之处
2、Less使用较Sass简单
3、从功能出发，Sass较Less略强大一些
①sass有变量和作用域。
- $variable，like php；
- #｛$variable｝like ruby；
- 变量有全局和局部之分，并且有优先级。
②sass有函数的概念；
- @function和@return以及函数参数（还有不定参）可以让你像js开发那样封装你想要的逻辑。
-@mixin类似function但缺少像function的编程逻辑，更多的是提高css代码段的复用性和模块化，这个用的人也是最多的。
-ruby提供了非常丰富的内置原生api。
③进程控制：
-条件：@if @else；
-循环遍历：@for @each @while
-继承：@extend
-引用：@import
④数据结构：
-$list类型=数组；
-$map类型=object；
其余的也有string、number、function等类型
Less和Sass在语法上有些共性，比如下面这些：
1、混入(Mixins)——class中的class；
2、参数混入——可以传递参数的class，就像函数一样；
3、嵌套规则——Class中嵌套class，从而减少重复的代码；
4、运算——CSS中用上数学；
5、颜色功能——可以编辑颜色；
6、名字空间(namespace)——分组样式，从而可以被调用；
7、作用域——局部修改样式；
8、JavaScript 赋值——在CSS中使用JavaScript表达式赋值。
明天计划的事情：
1.安装ruby和koala，完成任务十一。如果还是不能下载，就延期。
遇到的问题：
1按钮点后边框变为蓝色
设置 focus{ outline：none; }，focus是个伪类元素，:focus 选择器用于选取获得焦点的元素。我理解它就类似visited，点击后的一个效果。
2.input文本输入框在浏览器改为手机模式，边框缩小到320px一下时，某条边消失。
3.ruby和koala都不能下载。
收获：
学了入会使用表单元素，并改变radio和select默认样式。开始less和sass的学习，因为编译器没能下载下来，所以只是大体上有些印象，代码只有写才能学会。明天完成下一个任务。
返回列表
评论