学习笔记

1. 使用了CSS3中 border-radius实现圆角，放弃了对ie8及以下的支持。（圆角的实现都得靠图片+div实现，或者需要使用整张图片做一个格，感觉很麻烦，目前XP的IE8已经用的人不多了，就算还使用XP也多半会webkit核心的浏览器吧，所以目前抓全局，工作后补充细节）

2. 对盒子模型基本理解（margin，padding），同时发现在padding也属于背景色的填充范围。

- 普通文档流的垂直方向外边距会发生叠加。行内框、浮动框或绝对定位框不会叠加。

- display属性有很多值，行内，行内块，块，run-in，及其他一些类似table样式的值。

- 定位机制用到了，浮动float，清理浮动clear。其他定位简单复习了一下，有相对定位（相对原位置，仍占用原来空间），绝对定位（根据祖先元素或初始包含块，脱离文档流）。

3.  Chrome浏览器 的F12的调试，看了一些介绍但并不太理解，很多功能都没实践到。[参考文章](https://segmentfault.com/a/1190000000683599)

- Element，可以看HTML文档结构 （按h可以隐藏元素）

- Style 可以看样式表

- Computed 可以看浏览器计算出的样式

- Event Listeners 显示事件监听

- DOM Breakpoints 显示所有DOM断点

- Properties 列出内容的属性

- Console 这个据说功能很强大。显示各种警告与错误信息。应是用来调试文档的，用到再看。

- Source 用来调试JS，看不懂，用到再说吧。

- Network 应该是看页面请求及服务器响应时间的，还有文档加载时间等。这个等需要提高网页性能的时候学吧。

- Timeline 加载页面花费时间分析

- Profiles 分析页面执行时间及内存使用情况，看不懂。

- Resource 对本地缓存的编辑

- Security 好像是看安全概要的

- Audits 分析页面加载过程

4.  对手机的支持，不知道该学点啥，只试了下在某些型号手机能显示

5.  对于Nginx，试了下，[参考文章](http://imweb.io/topic/56386972d12b230c26e1a17d)

但不了解对于前期的学习的意义是什么。（请大牛看到回复下）