今日完成：

1.复习

2.把昨天一些错误改正过来

3.了解了html和css中的几个重要的长度单位

4.css概念，盒子模型，选择器了解了

5.配置了nginx

长度单位：

1.px：显示的最小单位，是绝对尺寸单位

2.em：相对值，非固定大小单位，相对于父元素设置字体大小，等于当前字体大小，推荐.       是对整个页面调整，而不限于文本

在 Firefox, Chrome, and Safari 中，可以重新调整用px作为单位的字体大小，但是在 Internet Explorer 中不行。

3.rem:相对于根元素，浏览器的兼容性问题：

rem是CSS3新引进来的一个度量单位，支持Mozilla Firefox 3.6+、Apple Safari 5+、Google Chrome、IE9+和Opera11+，IE8及以下版本均不支持

4.% 百分比，相对长度单位，相对于最近父元素的百分比值

5.vh和vw，vmin和vmax：相对于视口，缩1/100，vw, vh, vmin, vmax：IE9+局部支持，

兼容：

chrome/firefox/safari/opera支持，iOS safari 8+支持，Androidbrowser4.4+支持，chrome for android39支持

实践中：

1.尽量使用相对尺寸单位：好调整，更好适应终端和分辨率。采用相对定位，但不等于页面整体的自适应

对于相对尺寸单位的设置：em和%因为它们相对的参考物不同，所以它们也有不同的使用场景。如果希望随着当前元素的字体尺寸而改变尺寸，则使用em最佳，如：行高、字体大小。相反，如果是随着父容器或者是整体页面布局而改变尺寸，则使用%更好，如元素的高度和宽度设置。

2.只在可预知的元素上使用绝对尺寸。如图表icon、如video这类多媒体元素、网页整体的宽度这类可预知尺寸

3.字体尺寸尽量使用em、rem：如果存在3层以及3层以上的字体相对尺寸的设置，考虑rem，移动APP常用

4.@media查询做平台适配，但禁止随处滥用，好的方式则是仅在必须使用它的场景下，合理的使用它，如页面外围的整体宽度，不同显示的菜单栏等。更多的体验适应性，可以移动到使用“流式布局”来实现。（以后研究）

常用语法和常识：

1.一开始在css样式中给body设置font-size：62.5%

2.谷歌浏览器强制最小字体为12号

3.任意浏览器的默认字体高都是16px

遇到的问题：

1.Chrome显示拒绝访问，经过各种百度，才找到了解决方法：https://www.cnblogs.com/Chuck-Y/p/7552116.html

2.vertical-align  特别不理解，既然在行文字里，为啥会有垂直居中，应该就自动占满了

 解决：错误理解line-height 和 font-size

           font-size默认16px 如果行高设置的大了，就可以设置vertical了

明天计划：

1.margin：auto及各种居中，傻傻分不清楚，明天解决

2.听说弹性布局可以实现图片水平垂直居中，弹性布局了解一下

3.浮动

4.定位

5.chrome应用

6.九宫格代码编写

收获：遇到并解决问题，即使只有一点点，也是在慢慢进步