今天完成的事情： 
1，修改任务10
2，做任务12

明天计划的事情：
做完任务12

遇到的问题：
1，修改任务10 主要问题是

师姐让我了解一下check：checked。百度了一下突然想到当初做任务10这部分的时候 考虑过这个属性，这个属性定义的应该是已经被选中，与想解决的问题无关。
检查自己的html代码

type=“radio”定义这是一个单选表单，id=“radio1”是为了label for=“radio1”联动，id类似一个选择器，使一个input对应一个label内容。name=“choosebox”则是这四个input集成的组的名字。分析一波之后突然想到我这三组input的name是一样的，修改之后

果然能实现效果。
又尝试了下给每组第一个input添加check：checked，区别只是载入的时候第一个input会被选中，但不影响之后的选择。

2.做任务12.
任务12：标准化——阅读html和css规范，不使用bs重写任务5和6
首先看了一些任务12下面链接的资料，学习到了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等)

然后的头疼的类名命名，代码的书写肯定会带有强烈的个人风格，我属于div套的比较多，类名就比较多

原子类命名规则

将复用性高的单条属性直接命名成类

.ml5{margin-left:5px;}

模块命名规则

按照职能划分命名规则

例如，模块是nav，便可以命名nav-tittle、nav-left

BEM

BEM思想是由于项目开发中，每个组件都是唯一无二的，其名字也是独一无二的，组件内部元素的名字都加上组件名，并用元素的名字作为选择器，自然组件内的样式就不会与组件外的样式冲突了。这是通过组件名的唯一性来保证选择器的唯一性，从而保证样式不会污染到组件外。

BEM的命名规矩很容易记：block-name__element-name–modifier-name，也就是模块名+元素名+修饰器名


然后在做任务12过程中，在想任务12的两个页面是不是能共用一个scss（css）文件，这样给第一个页面做的@mixin在第二个页面直接使用，能减少冗余代码。目前还没接触到组件化，组件化应该能解决我想的问题。

收获：
更熟悉input表单。

用BEM命名规矩，那类名可太长了，为啥不能用数字呢。比如header1，header1-2，header1-2-5这种。
继停电之后武汉分院又断网辣，真是多灾多难鸭