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

一、主流的浏览器内核

1、IE浏览器内核：Trident内核，也是俗称的IE内核；

2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核；

3、Firefox浏览器内核：Gecko内核，俗称Firefox内核；

4、Safari浏览器内核：Webkit内核；

5、Opera浏览器内核：最初是自己的Presto内核，后来是Webkit，现在是Blink内核；

6、360浏览器、猎豹浏览器内核：IE+Chrome双内核；

7、搜狗、遨游、QQ浏览器内核：Trident（兼容模式）+Webkit（高速模式）；

8、百度浏览器、世界之窗内核：IE内核；

9、2345浏览器内核：以前是IE内核，现在也是IE+Chrome双内核；

二、外边距重叠

给两个相邻的div分别设置margin-bottom:20px和margin-top25px，

发现两个div之间的间距不是45px而是25px 这就是重叠了。

外边距的重叠只产生在普通流文档的上下外边距之间，这个看起来有点奇怪的规则，

其实有其现实意义。当我们上下排列一系列规则的块级元素（如段落P）时，

那么块元素之间因为外边距重叠的存在，段落之间就不会产生双倍的距离。

三、bootstrap有哪些常用组件？

1.轮播图

2.下拉菜单

3.响应式导航栏

四、响应式的优点与缺点？

优点如下：

1.在不同设备下能有不同的页面排版，这也是响应式最大的优点，

在分辨率不同，设备环境进行一些不同的设计，所有开发维护和运营上，

相对多个版本成本会降低很多。

2.兼容性好，能在不同的设备下浏览。

3.方便后期维护页面，只需要对必要的页面进行修改，不会影响其他页面。

缺点如下：

1.页面加载过多的代码，当你在pc端加载的时候，

css样式也会将手机端的冗余代码一块加载，这样就直接影响了加载速度。

2.在响应式设计中，图片和视频都是统一加载的，

当你在设备低的手机上加载不符合当前需要的图片或者视频，

就会过多的消耗用户的流量。

3.局限性，对于响应式，局限性较大，不适合一些大型的门户网或者电商网站，

一般门户网或电商网站一个界面内容较多，而响应式最忌讳较多内容，

代码过多会影响运行速度。

任务十的radio按钮设计

思路：

1. 可以为<label>元素添加生成性内容(伪元素)，并基于单选按钮的状态来为其设置样式；

2. 然后把真正的单选按钮隐藏起来；

3. 最后把生成内容美化一下。

使用radio元素，这里问题就是使用radio元素的设计，要关联后面的表单，比如

，然后就是单选状态，这里选择可以使用checkbox和radio来完成。

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

学习Sass，重构之前的代码
遇到的问题：（遇到什么困难，怎么解决的） 

单选和复选的类型的不同，单选用radio，复选用checkbox
收获：（通过今天的学习，学到了什么知识）

完成任务十