发表于: 2018-10-26 15:47:10
1 626
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
完成了任务十一
明天计划的事情:(一定要写非常细致的内容)
用SASS进行修改一下任务是一
遇到的问题:(遇到什么困难,怎么解决的)
就是关于SASS的编译出来的时候,和写SASS的部分会有偏差,比如说我在进行嵌套的时候,并不能把所有的属性都嵌套在BODY这个最大的盒子里面。有的还要分开
收获:(通过今天的学习,学到了什么知识)
关于嵌套的理解是这样的
就是在最大的盒子里面开始套一个子元素
就是一个父元素套着子元素了,一个个的套下来
这样的话编译出来的CSS文件就和后代选择器一样的效果了
SASS:预处理器,换个方式来写CSS,安装环境不能有中文空格,编译的过程中也是一样的,不能有特殊的符号和空格部分
写SASS的时候,尾巴的部分要加上分号,不然容易报错
//在SASS里面是不会被编译的
编译语法:sass+空格+要编译的文件名+格式+空格+编译后的文件名+格式,这个是在用命令符的情况下,如果是在VSCODE的编辑器下,直接下一个插件就可以了,直接就可以省掉了监听的命令符
$是声明变量意思:可以存下CSS单位,颜色和文字,
还有一个多值的变量像$border:1px solid red;三个值的变量
一个变量可以存下多个值,但是如果相同的值的话一起输出的话,会起冲突导致不生效,这个时候可以使用nth,就是哪个变量第几个的意思
就像上面的那个一样那个变量,第一个值
全局变量,就是优先在自己的部分寻找那个变量,从最上面始寻找,如果没有的话就继续再往上去寻找
切记!!别写在下方,因为这样的话是不生效的
SASS的属性嵌套是要使用:来区分的
评论