今天完成的事情：

一、了解了相对路径和绝对路径：

相对路径有三种，

HTML文档和图片在同一文件夹，代码格式为：<img src="图片文件名">

图片在HTML同级文件夹里，代码格式为：<img src="/文件夹名称/图片文件名">

图片在HTML上级文件夹里，代码格式为：<img src="../../文件夹名/图片文件名">

绝对路径有一种，代码格式为：<img src="图片链接地址">

二，网页组成元素：

文字，图片，链接，视频，音频等等等等，我们需要用代码来表达这些元素，

代码标签：在HTML页面中，带有<>符号的被称为HTML标签，所谓标签就是放在<>标签符中表示某种功能的编码命令，也称为HTML标签或HTML元素。分为双标签和单标签，单标签很少。

HTML标签关系分为嵌套关系和并列关系。如果两个标签是嵌套关系，子元素最好缩进一个tab的身位，如果是并列关系，最好上下对齐。

三，了解了标签的语义化，

标签语义化，即标签的含义。为什么要有标签的语义化？

1，方便代码的阅读和维护

2，让浏览器可以很好地解析，分析其中内容

3，更好地优化搜索引擎

核心：合适的地方放一个最合理的标签。

HTML标签分为排版标签、文本格式化标签、图片标签、链接标签、特殊字符标签

三，学习了锚点定位,代码为，

<a herf="#movie"></a>

<h3 id="movie"></h3>

四、了解了盒子模型，

内容：content；

内边距：padding；

边框：border，包括的属性有边框粗细border-width，边框样式border-style，边框颜色border-color；

外边距：margin；

五、了解了HTML和css的区别，最好是HTML专做结构，css专做样式，css包括文本内容（字体、大小、对齐方式的等）、图片的外形（宽高、边框样式、边距），结构出了问题找结构，样式出了问题找样式。

六、了解了类选择器和id选择器，以及它们的区别。类选择器好比人的名字，是可以多次重复使用的，id选择器好比人的身份证号码，全中国是唯一的，不得重复使用，只能使用一次。类选择器和id选择器的区别就是在使用次数上。

七、学习了内部样式表、行内样式表、外部样式表。外部样式表代码格式：<link rel="stylesheet" href="链接的文件名.css" type="text/css"/>，注意，link是一个单标签。

八、区分了块级元素和行内元素，学习了行内块元素。

块级元素的特点：

1.总是从新行开始；

2.高度、行高、外边距以及内边距都可以控制；

3.宽度默认是容器的100%；

4.可以容纳内联元素和其它块元素。

行内元素的特点：

1.和相邻行内元素在一行上；

2.高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效；

3.默认宽度就是它本身内容的宽度；

4.行内元素只能容纳文本和其它行内元素，（a除外，a标签里可以放块级标签）；

注意：

1.链接里面不能再放链接；

2.文字类的块级元素里面不允许再放块级元素，比如<p><h1><h2><h3><h4><h5><h6><dt>。

在行内元素里有几个特殊标签，称为行内块元素——<input /><img /><td>，可以对他们设置宽高和对齐属性，

1.和相邻行内元素（行内块）在一行上，但是之间会有空白缝隙；

2.默认宽度就是它本身内容的宽度；

3.高度，行高、外边距以及内边距都可以控制。

明天计划的事情：运用布局知识进行更复杂的布局；让布局更好地适应移动端；合理使用rem作长度单位；使用photoshop切图。

遇到的问题：暂无；

收获：学习了css的基础知识。