今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）

1.单选按钮动画研究 

单选按钮css样式研究 之前动作 之后动作

main-radio-1 + label

.main-radio是类选择器 表示获取所有的main-radio类。

+label是获取magic-checkbox类下label（标签）元素。

main-radio-1 + label : :before

main-radio类下的label之前执行 before｛｝里面的内容

main-radio-1 + label ::after

main-radio类下的label之后 after 执行｛｝里面的内容

试验css样式结果

before之前控制的是单选按钮的大小变化 / 复选框选中时其实就是点击label时 /#check1:checked +label::before{ 

新发现

1.未选中前 未选语法 .main-radio-1 + label::before{

2.未选中钱 选中语法.main-radio-1:checked + label::before{

区别 多了个checked 

未选中前 未选语法 是原始状态设置 ，白色border边框。

未选中前 选中语法 是选中状态设置 ，蓝色变化。

after控制的被选中后按钮的颜色大小变化

选中后 main-radio-1 + label::after{

白色边框缩小，蓝色背景不变。

样式变化，对应着语法结构变化

未选（白）-未选（选中后 背景蓝色）-选中后（样式 -白缩小 ）

+兄弟选择器 选择在 什么之后

输入 类型 姓名 id 

id 标签 

影藏信息

标签 label：：before 之前执行内容 

标签 label：：after 之后执行内容 

明天计划的事情：（一定要写非常细致的内容）

1. 研究下拉框中的图标增加 css样式 

遇到的问题：（遇到什么困难，怎么解决的）

1.学习状态需要不断试验 

收获：（通过今天的学习，学到了什么知识）

1.css单选按钮 选择前后css样式变化 了解