昨天的日报写了之后忘记点提交了。。。今天补上.

2018.7.21日报：

今天完成的事情：今天提交了任务十一，然后没用到什么sass然后一直看sass的变量还有嵌套，还有sass一看那个该注意的一些东西，本来准备些任务十一的深度思考还有任务总结的，但是电脑坏了，明天去修电脑。。。

遇到的问题：不太理解sass的变量还有嵌套它是以什么形式存在的，还有为什么会有sass是如何更加优雅的编程。

收获：

sass为什么存在：

Sass让css有了动态语言的特点，有时候同样的样式在不同的#或.中一次又一次重复的编码，有了Sass，在css语法的基础上不仅可以写变量、函数，而且可以百分百的转换为标准的css。再次把Don‘t Repeat Yourself进行到底，降低了工作量，提高了效率。而且现在越来越多的优秀开发人员专门利用sass构建出非常优秀的前端样式开发框架（如，Button）。

sass的变量：

sass中变量通过$来声明，书写方法与CSS相似，属性值可以使用空格和逗号进行分割。与CSS属性不同的是，其变量可以声明在规则块外，在规则块内部声明的变量只能在本规则块内使用。

CSS标准值可以存在的地方变量就可以引用，CSS生成时，变量会被他们的值所替代。

变量名中的中划线与下划线是相互兼容的，也就是说，当声明变量为a-b时，使用a_b也可以进行引用，但是这个规则对于纯CSS来说如id，class名是不适用的。

sass的嵌套规则：

当在同一个容器元素里需要对群组进行样式设置时，使用嵌套可以减少代码量

sass提供嵌套规则，在CSS中，对于某一块的样式设定常常需要写很多遍，但是使用嵌套会使得要是设置更加清晰，避免了重复书写，可读性高，当被解析为CSS时，便会将嵌套恢复成CSS对应的样式

使用>表示选择子代，使用+选择相邻的同层元素，使用~选择同层选择器，在嵌套中可以自由的选择使用以上选择器

除了选择器，属性也可以嵌套编写，对于border-width，border-color等属性，在sass中只需要写一次border，嵌套属性的规则是这样的：把属性名从中划线-的地方断开，在根属性后边添加一个冒号:，紧跟一个{ }块，把子属性部分写在这个{ }块中。就像css选择器嵌套一样，sass会把你的子属性一一解开，把根属性和子属性部分通过中划线-连接起来，

2018.7.20日报

今天完成的事情：今天完成了sass的下载，然后学习了sass的使用方法，完成任务十一的任务总结。

明天计划的事情：任务十一

遇到的问题：sass的下载，自己在网上找的教程，分享教程https://www.cnblogs.com/padding1015/p/7133811.html

收获：

base：放置一些基本样式的SCSS文件，比如重置样式_normalize.scss，基本样式_base.scss，文本排版样式_typography.scss

components：放置一些公用组件，比如：按钮_buttons.scss、表单_form.scss、表格_tables.scss、选项卡_tabs.scss

helps：放置一些辅助功能性文件，比如：_css3.scss、_variables.scss、_mixins.scss、_helpers.scss和_function.scss

layout：放置一些跟页面布局相关的，比如：_layout.scss、_header.scss、_footer.scss、_sidbar.scss

pages:放置跟具体项目页面相关的样式文件。

themes：对于一些有前后台页面，或者需换肤的项目，就可以将相关文件放置在这里。

vendors：引用的外部插件或者框架的SCSS文件，比如_bootstrap.scss、_foundation.scss。

style.scss这是主样式文件，最终编译，就编译这个问题。当然根据项目大小，可做一些其他处理。针对不同的页面,创建不同的page_xxx.scss文件

css-10任务总结：

成果链接：https://wjxhd.github.io/task/html/task10.html

任务耗时7天超出预计4天，状态不太好，心态有点血崩。

任务十难点就是input，比如改变input的按钮效果，是否能多选，去除默认样式给其添加自己想要的样式等等。

然后是进度条，进度条需要定位，然后媒体查询做到不同分辨率下的不同效果。一直卡在进度天还有input的样式上面。

然后还有输入框，需要做到只输入数字。