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

Css设备特性共有13种，是一个类似于CSS属性的集合。但与CSS属性不同的是，大部分设备特性的指定值接受min/max的前缀，用来表示大于等于或小于等于的逻辑，以此避免使用<和>这些字符。

2. 响应性web设计需要使用css3媒体查询media来写不同的css样式。

在移动端浏览器中或者某些桌面浏览器中，window对象有一个devicePixelRatio属性，它的官方定义为，设备的物理像素与设备的独立像素的比例，也就是 devicePixelRatio = 设备的物理像素/ 设备的独立像素。这三个参数不是固定的，只要其中2个确定了，那么就可以知道第三个参数了，设备的物理像素我们可以映射到设备的分辨率的宽度，独立像素我们可以映射到媒体查询media定义的宽度。而比列devicePixelRatio我们可以理解为css中的1像素(px)在设备上占用多少个物理像素。

我们可以对编写css响应性web设计有一个规范，如下：

1. 头部reset.css 是否要独立出来一个css文件，或者不独立出来 直接放在css顶部。

2. 公用的头部或者尾部样式 直接放在css文件顶部，及公用的页面css样式放在顶部(添加注释。)

3. 媒体查询css样式

4. 基本的编码规范注意事项如下：

1.给html根元素字体大小定义相对单位(rem)

2.根据设计稿给body元素设置默认的font-size及color，之后的媒体查询根据自身的条件需要覆盖font-size及color的话 就覆盖掉。

3.在对应的设备媒体查询内，有很多公用的css样式希望合并，

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

继续完成任务 
遇到的问题：（遇到什么困难，怎么解决的） 

点击按钮不能实现变色，
收获：（通过今天的学习，学到了什么知识）

同今天完成的事情