补：2018/06/04 周二

完成的事情

工作日时间不是太空余，完成header布局。学习了html、css书写规范，改正自己的错误。

计划的事情

完成任务。

遇到的问题

暂无

收获

transform

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

对于无需自闭合的标签，不允许自闭合。

常见无需自闭合标签有input、br、img、hr等。

 页面必须使用精简形式，明确指定字符编码。指定字符编码的 meta 必须是 head 的第一个直接子元素。

<meta charset=“UTF-8”>

 页面必须包含 title 标签声明标题。

 title 必须作为 head 的直接子元素，并紧随 charset 声明之后。

解释：

title 中如果包含 ascii 之外的字符，浏览器需要知道字符编码类型才能进行解码，否则可能导致乱码。

 保证 favicon 可访问。

解释：

在未指定 favicon 时，大多数浏览器会请求 Web Server 根目录下的 favicon.ico 。为了保证favicon可访问，避免404，必须遵循以下两种方法之一：

1. 在 Web Server 根目录放置 favicon.ico 文件。

2. 使用 link 指定 favicon。

 选择器 与 { 之间必须包含空格。

html {

}

当一个 rule 包含多个 selector 时，每个选择器声明必须独占一行。

html,

body {

}

 >、+、~ 选择器的两边各保留一个空格。

.class > span {

}

 当数值为 0 - 1 之间的小数时，省略整数部分的 0。

div {

    width: .9em;

    height: .9em;

}

 带私有前缀的属性由长到短排列，按冒号位置对齐。

input {

    -webkit-appearance: none;

        -moz-appearance: none;

                  appearance: none;

}