发表于: 2019-07-06 21:58:02
1 850
今天学习的内容:今天开始接触sass,知道了sass是一种css预处理器,意思是用一种专门的编程语言来进行网页设计,然后编译为css让网页识别。sass允许使用变量,用$开头。还可以使用计算功能,写加减乘除后输出的css会直接成为相应的结果。而另sass简便快捷的一个孩部分就是可以进行嵌套,例如:
属性嵌套时,比如border-color:xxx;写为border:{color:xxx;},border需要加冒号。后面还有继承@extend,
混合@mixin,使用@include来调用混合,
插入文件@import。
sass还能够使用条件语句@if,配套的是@else。还有循环语句,@for循环和@while循环,@each命令。还可以自定义函数。
然后进行ruby的安装,vscode的sass插件的安装和使用,发现scss和css比较相近,容易上手,就先使用了scss。
明日计划:使用scss进行任务4的重新编写,学习scss嵌套等功能的使用。
评论