今天完成的事：

学习了部分css编码规范：

1、语法

1.1、缩进

[强制]使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符。  

1.2、空格

[强制]为了代码易读性，每个声明块的左花括号前添加一个空格

[强制]每条声明语句的" : "后应该插一个空格

[强制]属性多值每个逗号后应该插入空格 eg:box-shadow,border-image

[强制]不要在rgb()、rgba()、hsl()、hsla() 或 rect() 值的内部的逗号后面插入空格

对于属性值或颜色参数，省略小于 1 的小数前面的 0 （例如，.5 代替 0.5；-.5px 代,替 -0.5px）

1.3、选择器

[强制]为选择器分组时，将单独的选择器单独存放在一行 eg:tr,td{}

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

[强制]为选择器中的属性添加双引号 不允许单引号

例如，input[type="text"]。只有在某些情况下是可选的，但是，为了代码的一致性，建议都加上双引号。

[强制] 如无必要，不得为 id、class 选择器添加类型选择器进行限定。

[建议] 选择器的嵌套层级应不大于 3 级，位置靠后的限定条件应尽可能精确。

1.4、行

[强制]每行不得超过 120 个字符，除非单行不可分割。

[强制]声明块右花括号应当成行

[建议] 对于超长的样式，在样式值的 空格 处或 , 后换行，建议按逻辑分组。

eg:background:url(....) 此处应有换行 no-repeat;

1.5、属性

[强制] 属性定义必须另起一行。

[强制] 属性定义后必须以分号结尾。

即每条声明应单独成行，以分号结尾

[建议] 在可以使用缩写的情况下，尽量使用属性缩写。

eg:font: 12px/1.5 arial, sans-serif;

1.6、前缀

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

[建议] 可以给选择器添加一个表示状态的前缀，让语义更明了，比如下图是添加了“.is-”前缀。

1.7、简写

十六进制值应该全部小写,尽可能简写 eg:#fff

.避免为 0 值指定单位

例如，用 margin: 0; 代替 margin: 0px;

1.8，class的命名

用中划线 ' - '

头：header

内容：content/container

尾：footer

导航：nav

侧栏：sidebar

栏目：column

页面外围控制整体佈局宽度：wrapper

左右中：left right center

登录条：loginbar

标志：logo

广告：banner

页面主体：main

热点：hot

新闻：news

下载：download

子导航：subnav

菜单：menu

子菜单：submenu

搜索：search

友情链接：friendlink

页脚：footer

版权：copyright

滚动：scroll

内容：content

标签：tags

文章列表：list

提示信息：msg

小技巧：tips

栏目标题：title

加入：joinus

指南：guide

服务：service

注册：regsiter

状态：status

投票：vote

合作伙伴：partner

学习了怎么设置背景图尺寸使其为原来的一半，见下

background:url("img5/bgimg.png") 50% 50%;

学习了怎么让子div在父div中居中用：margin：auto；

学习了flex的基本概念:

     使用 flex 布局首先要设置父容器 display: flex，然后再设置 justify-content: center 实现水平居中，最后设置 align-items: center 实现垂直居中。

明天计划的事：有电脑了，着手做任务5

遇到的问题：对auto的概念还需要熟悉

收获：学会了flex布局如何做到垂直水平居中

学会了怎么设置背景图片尺寸

了解了css部分编码规范，以前总是乱命名，现在懂得了要尽量语义化