html

• html 全称为 HyperText Markup Language，译为超文本标记语言。HTML 不是编程语言(有编译过程)，而是标记语言(没有编译过程)。

  • 超文本：音频，视频，图片称为超文本。
  • 标记 ：<a> 等称为标记，一个 HTML 页面都是由各种标记组成。
• 声明不是 HTML 标签；它告诉 web 浏览器：页面使用哪个 HTML 版本进行编写。

• HTML 是负责描述文档语义的语言，HTML 页面直接由浏览器解析执行。

• 标签属性必须为小写字母，标签必须合并，属性值由双引号包含。

css

• css 中的属性 clear 是相对于前面的元素而言的，让自身不和前面的浮动元素相邻。一般直接用 clear: both。
• position: relative，生成相对定位的元素，相对于其正常位置进行定位。因此，"left: 20" 会向元素的 LEFT 位置添加 20 像素。
• margin、padding 的百分数值：基于父元素的宽度。
• height 的百分数值基于包含它的块级对象。
• 百分比行高并不具有自适应性。

九宫格

先是固定高宽长度的。

再是能够随屏幕大小改变而改变的。

我觉得

• 让小方格浮动后，小方格脱离了正常流，使得父元素没有了高度，所以其子元素设置 height: 10% 会没有效果，其高度还是 0 。

• 浮动元素是不会自动适应高度的，父元素 wrap 又没设置高度，则子元素 cell 高度会是 0，所以这里用 padding 的百分数值来撑开高度。父元素宽度 100%，每个子元素是 2 × （padding + margin）宽，所以每行三个就换行，高和宽一样。

• 不过浮动和盒模型方面还是一头雾水的样子~

nginx 也简单配置了一下，手机和电脑同一网络时，电脑打开 nginx，手机搜索电脑 ip 地址就能访问了，没有深入。

这些是之前先想了一两天的，也参考了一些师兄的日报。