昨天初步学习了html基础知识，今天则主要学习CSS基础知识。

一、今天完成的事情：

1、学习CSS的基础知识：CSS 规则由两个主要的部分构成——选择器，以及一条或多条声明；

     <div> 元素经常与 CSS 一起使用，用来布局网页。

     CSS多媒体查询：CSS3 的多媒体查询继承了 CSS2 多媒体类型的所有思想： 取代了查找设备的类型，CSS3 根据设置自适应显示。媒体查询可用于检  测很多事情，例如：

• viewport(视窗) 的宽度与高度；
• 设备的宽度与高度；
• 朝向 (智能手机横屏，竖屏) ；
• 分辨率。
• 
  

     单位：CSS 有几个不同的单位用于表示长度。一些设置 CSS 长度的属性有 width, margin, padding, font-size, border-width, 等。长度有一个数字和单位组成如 10px, 2em, 等。有两种类型的长度单位：相对和绝对。

     圆角：使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。

2、学习CSS盒子模型：CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。

• Margin(外边距) 、Border(边框) 、Padding(内边距)、Content(内容) ;

3、编码实战：练习为html添加简单的标签、css样式。

4、学习：《浮动——float》：

在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

      元素浮动之前，也就是在标准流中，是竖向排列的，而浮动之后可以理解为横向排列。

      清除浮动可以理解为打破横向排列。

5、完成九宫格的初步排列，还未完成自适应。

二、遇到的问题：

1、学习方法：

     按目前的进度，觉得学的比较零散杂乱，按照任务指引会发现每个步骤要学的知识涵盖更多细节，花的时间比预计要多，因此进度较慢

     后来尝试围绕完成九宫格任务来展开，针对性地学习几个点：比如九宫格的方块带圆角，就去搜索圆角相关知识；方块设置涉及到盒子模型就学盒子模型，但是都是单独的知识点，做起来发现很难连贯起来。

2、自适应问题：

目前初步完成了九宫格的排列，但是对自适应的知识还不是很清晰。

3、Google开发者工具：

      不知道怎么在调试页面保存修改？还是在源文件修改了再重新打开？

三、明天计划的事情：

      解决自适应问题，整理巩固下这几天的知识，争取明天能完成任务。

四、收获：

了解了CSS的基础知识、盒子模型、浮动等知识点，能编写出简单的含CSS功能的html页面。明天将着重研究自适应问题，完成九宫格页面。