发表于： 2019-11-03 21:52:05
1 834
今天完成的事情：
开始任务十一，开始学习sass。
重构任务4的页面不难，但是怎么合理应用sass的变量等功能还是需要思考的。（不能写着写着和写css一样，那就失去了使用sass的意义）
变量在设置背景色和某些统一属性值的时候很方便。
比如可以直接将背景色定为几个色值变量，后期页面色彩若有修改，可直接修改变量。
再如矩形圆角等属性，能够方便页面统一。
嵌套在sass里看起来很方便，但编译成css后可能会多出很多不必要的内容，使用需谨慎。
同一样式的两个不同元素就可以用继承，也可以用混合器。
混合器可以提前设定部分统一属性，然后通过@include调用。
比如flex布局的常用垂直水平居中布局。
或者同一类元素设定的margin和padding值。
比如bootstrap中，每一列都自带15px的边距。可以提前设定后，直接调用。
条件语句if暂时没有用上，可以用于判断width后编写不同效果。
明天计划的事情：
优化任务11，开始任务12，尝试不同的sass写法查看编译css后的效果。
遇到的问题：
目前还是写着写着会变成写css，还没有融会贯通sass的用法，没有发挥sass的优势。
收获：
学习了部分sass内容。
返回列表
评论