今天完成的事情：

了解了许多关于html与css的内容，内容比较多，合并到收获中。

明天计划的事情：

了解github、git、webstorm等开发工具，并了解如何在这三者间进行代码传递。

了解nginx和服务器的概念购买服务器，能成功地在网页上浏览。

遇到的问题：

（1）正方形如何等宽

        vw相对于视口的宽度。视口被均分为100单位的vw,相当于width的百分比，以此给正方形宽的长度与width相关联

        同样的padding也是以width为基准，也可以设置padding。

（2）父类在子类设置float后，父类不能显示。

        父类没有固定高度，子类脱离标准文档流撑不起父类的高度。

       绝对定位之后，元素会脱离标准文档流，但这么做通常不利于布局。

      子类最好还是给父类一个高度。

收获：

1.     web标准：制作网页要遵循的规范。  

web标准规范的分类：结构标准(html)、表现标准(css)、行为标准(JavaScript)。

结构标准：html就是用来制作网页的。

表现标准： css就是对网页进行美化的。

行为标准： JS就是让网页动起来，具有生命力的。

HTML中所有的文字之间，如果有空格、换行、tab都将被折叠为一个空格显示。

容器级的标签可以简单的理解为能嵌套其它所有标签的标签。

常见容器级的标签: div h ul ol dl li dt dd ...

文本级的标签对应容器级标签，只能嵌套文字/图片/超链接的标签。

常见文本级的标签:span p a em ...

从css的角度讲，css的分类几乎与上面相同，除了p标签

<!DOCTYPE>是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

2.     css盒子模型

内容（CONTENT）就是盒子里装的东西；

而填充(PADDING)就是怕盒子里装的东西（贵重的）损坏而添加的泡沫或者其它抗震的辅料；

边框(BORDER)就是盒子本身了

外边距(margin)就是盒子间的间隙

3.     到底是要id还是用class

尽可能用class，除非极特殊的情况可以用id。因为id主要是js使用，一个元素有id，按web标准看通常是为了给其添加动态效果。

4.     float

浮动元素的祖先元素应当设置高度为佳，否则子类浮动脱离标准文档流，父类将不能撑起容器。

Clear的清除应当慎用，如果左右的div未设置高度将会失去高度。

解决：

（1）   内墙法，div内部设置clear

（2）   设置：overflow:hidden，使父类被子类撑出高度

5.     Margin这属性本质描述的是兄弟与兄弟间的距离，父子之间，最好使用padding。

比如：div子类设置margin，若div未设置border，margin的效果将会应用到对上一层。

      Margin还有需要注意的是，在IE6中对于连续的margin队首将会出现双倍maigin，最好的办法是使浮动的方向与margin相反。

6.     定位position设置后的若干影响

（1）   文字的属性都可以继承，包括color、text开头的、line开头的、font开头的，但有关盒子、定位、布局都不能继承。

（2）   绝对定位的盒子脱离了标准文档流。所以标准文档流的性质绝对定位后都不遵守了。比如行内元素绝对定位后也可设置高度。

绝对定位的参考点:

如果用top描述，那么参考点就是页面的左上角，而不是浏览器的左上角：

如果用bottom描述，那么参考点就是浏览器首屏窗口尺寸（好好理解“首屏”二字），对应的页面的左下角：

7.     mailto链接

  mailto链接是一种html链接，能够设置电脑中邮件的默认发送信息, 但是需要你电脑中安装默认的E-mail软件。

 8.     <dt><dd>标签

与ul、ol不同的是，第一条信息是存储在dt中，对于浮动菜单的写法很有帮助。

另外ul的list-style-image属性可以指定li标签前的样式为图片