今日完成的事

       完成任务十二

明日完成的事

      学习任务十三步骤

收获

      如何实现redio和select的自定义选项？

任务十的难点就是自定义表单按钮，有两种方案实现，一种是用自定义的label标签覆盖掉原来的radio圆点，以此来实现，这种方法好处是代码可以少写点，缺点就是兼容性有问题。另一种就是隐藏掉原来的radio的样式，重新设计label标签，这种方法虽然代码多写点，但是效果是最好的。

重设选项必然先设定label标签，label本身无任何样式，当鼠标点击的时候焦点会转到这个属性相关的表单属性，需要使用for来绑定input，所以当我们隐藏掉默认样式时，就需要设置checked伪类，点击label触发checked 引出事先设置好的圆点样式，来实现切换。

       select更简单点直接在属性上面设置就行了，使用outline取消焦点边框，难点在于自己画的方框位于流的上方，点击方块触发不了select选框，后来查阅资料的时候发现pointer-events这个css3属性，把他设为none时，他会无视上方元素，直接触发下方的元素。

自适应小屏幕设备时，该如何布局？

再不同的的分辨率下，尽可能的展示所有内容，在桌面显示器的状态下横向排列，随着分辨率减少，改为两排，一排，整体布局使用自适应，不要写死。整体使用流体布局，字体图片尺寸可以使用rem属性，这是根据html大小来改变大小。在无法使用流体布局排列的网页配合使用@media来进行布局。