今天完成的事情：今天完成了任务十二，更加熟系了scss的使用，同时注意了书写规范，scss的属性书写顺序和css一样，下面列举出css的书写顺序：

css规范CSS书写顺序

1.位置属性(position, top, right, z-index, display, float等)

2.大小(width, height, padding, margin)

3.文字系列(font, line-height, letter-spacing, color- text-align等)

4.背景(background, border等)

5.其他(animation, transition等)

完成任务十二之后开始进行任务十三，发现比之前的任务七会多出一个侧边导航栏的隐藏和显示需要做，看了一下坑乎，发现有师兄问过，而且有回答，是需要使用复选框的单选效果和显示隐藏连接起来，让两个单选分别对应显示和隐藏，准备明天做到的时候进行。

附上任务十二总结：

任务总结：

任务名称：CSS12

成果链接：任务十二

日报链接：任务十二

任务耗时：2019/07/8 ，共一天

官方脑图

个人脑图

任务总结：

1.任务十二有很多地方使用了弹性盒子，并且是层层嵌套的弹性盒子，相同的属性很多，正好可以使用%占位符来写一个通用的标签，然后使用@extend引用该标签，可以节省很多代码。

2.因为之前任务有做过一遍，踩过坑，所以这次没遇到卡 的时间久的地方，顺利写完了，除了知识点以外，代码规范也有注意，写属性时按照位置，大小，内容形式（比如font-size），背景属性，最后是其他的属性这样的顺序来写，能够让代码一眼看去有秩序，不会颠三倒四让人混乱。