今天完成的事情：

1、继续学习W3C HTML基础教程，整理知识点

（1）下面是HTML CSS篇章原文

如何使用样式

如何使用样式

当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表：

外部样式表

当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。

内部样式表

当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。

内联样式

当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

上面这段文字可不可以这么理解，实际工作中三种方式要灵活搭配运用、首选外部样式表、其次内部样式表、大部分时候用样式表但有时候内联样式反而更方便；（自从师兄提醒我用样式表之后我就没用过内联样式了）

（2）超文本的基础知识

超链接（hyper text），按照标准叫法称为锚（anchor），锚的一种类型是在文档中创建一个浏览器进行链接的热点，锚的另一种类型会在文档中创建一个可以被超链接引用的标记。

2、标签

（1）<link rel="stylesheet" type="text/css" href="theme.css" />

rel规定当前文档与被链接文档之间的关系。rel=stylesheet被连接是当前文档的外部样式表。

type 属性规定被链接文档的 MIME 类型，该属性最常见的 MIME 类型是 "text/css"，该类型描述样式表。

href 属性规定被链接文档的位置（URL）。

绝对 URL - 指向另一个站点（比如 href="http://www.example.com/theme.css"）

相对 URL - 指向站点内的某个文件（href="/themes/theme.css"）

如果需要，应该对所有的 URL 进行 URL 编码。

（2）target=""定义被连接的文档在何处显示（_blank在新建窗口）

（3）锚的用法

<a href="#tips">指向该锚的连接（或超链接）</a>

<a name="tips">命名锚（比如章节或注释提示等）</a>

提示：假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。

（4）请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.w3school.com.cn/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.w3school.com.cn/html/"。

下面这段代码地址末尾也要加斜杠吗？（我试了一下加不加看不出效果）

<script src="js/jquery/2.0.0/jquery.min.js/"></script>
<link href="css/bootstrap/3.3.6/bootstrap.min.css/" rel="stylesheet">
<script src="js/bootstrap/3.3.6/bootstrap.min.js/"></script>  

3、修改任务六代码，使用bootstrap按钮组布局顶部按钮，修改部分字体颜色与PSD图保持一致，修改文字内容与PSD图一致，修改后网页外观与PSD图基本一致；并将修改后的代码提交

审核。

4、经过一段时间学习，目前想到4种方法实现任务一，即浮动布局、绝对定位、多栏布局（display flex）、bootstrap栅格系统。

5、写日报

明天计划的事情：

1、看师兄回复；

2、继续学习W3C HTML基础教程，

3、开始任务7

4、写日报；

遇到的问题：

上边红色字体

收获：

 修改任务六使网页与PSD图基本一致，进一步了解html基本概念