发表于： 2019-06-16 22:44:50
1 842
今天完成的任务:
学习sass理论知识，使用了webstorm设置sass自动编译。
遇到的困难：
由于刚接触sass，很多地方都比较盲点。看了半天教材资料发现了进度很慢，尝试了边看边敲代码，效果更好一点/
明天计划的事情：继续学习sass语法。
收获:查看
基本用法sass使用变量，所有变量都用$开头表示。
$blue : #1875e7; 用来表示声明定义
div {
color : $blue; 用来调用的意思
}
属性值用上边这种方式，如果是属性名的话就需要加上#{}
sass功能比较强大可以在里面使用算式功能
还可以使用嵌套，比例父元素和子元素写在选择器，可以括号里面再嵌套一个，一般三层，嵌套方式好多种，具体查看教程。
关于嵌套在根属性后边添加一个冒号:，紧跟一个{ }块，把子属性部分写在这个{ }块中。
&代表引用父元素，注释可以使用// 也可以使用/**/
继承：比如a元素要继承b元素，必须在a元素括号内加上@extend .b;
返回列表
评论