任务一，域名及虚拟主机购买，提交

首先谢谢师兄分享了你的日报记录给我，认真的拜读了一遍，发现其中还有很多的知识点我是忽略掉了的，而且你对每一个知识点的理解和思考也比我深刻许多，还有很多地方要向你学习

然后狠狠心花了两百大洋买了个域名和虚拟机，希望这次任务能过

 

 

今天完成的事：

一，任务一的编写

二，任务一的代码上传及成果展示

 

遇到的问题：

1、如何使九个盒子排成三列，宽高应该是多少？并且如何使宽高自适应？

解决方法：

1).一个功能强大的开发者工具：谷歌Chrome的开发者工具.

快捷键（F12/Ctrl+shift+i）。调整宽度width，高度height属性，使其每个行列只能排列三个<div>盒子。

2).要做到自适应，不能设置固定值，是要用到百分比、rem、VW等像素单位的

2、添加九个相同的<div>盒子，但是设置完成之后会发现，盒子模型并没有按行排列而是按列进行的排列？

1）、这是因为<div>自带的独占一行特性，这里就需要用到float浮动属性

3、圆角如何表示？

1）.边框的四个角border-radius，值越大，边角越圆润，直至四个边角形成一个圆。

 

收获（学到的知识）：

1、Chorme开发者工具的使用

 

2、      1）经过查看“菜鸟教程”里的学习资料<什么是viewport>，了解到要实现自适应是需要用到<meat name="viewport">标签，它的含义是指定用户是否可以缩放web页面。

<meat>标签提供有关页面的一些信息，比如页面的缩放，以及缩放到的最大和最小缩放比例是什么？

      <meta name="viewport" content="width=device-width, initial-scale=1.0">

       2）自适应中最基本的也是最重要的：固定值px是无法做到自适应。想要做到自适应必须把原有的px值改成rem、vw、或者%

       3）如何把原有的布局换算成rem、vw、%等值。

       假设你的用时百分比，你要做到三个盒子排列在一行，在不考虑盒子与盒子之间的距离的情况下，每个盒子的宽度为100%/3=33.333333%。盒子间有距离的情况下，比如九宫格三个盒子，如果你设置每个盒子的左右边距为1%，那么每个盒子的宽度为(100%-1%*6)/3=31.111111%;为了方便计算，盒子边距的像素单位最好做到和盒子的单位统一。

 

3、github的认识

    需要注意的一点，要区分Git和Github。通过菜鸟教程了解到Github是一个基于git的代码托管平台，简单点来说就是可以实现资源共享的一个代码仓库，引用“知乎”上某位师兄所说：如果说Git是一把弓，你编写的代码就是你的箭，Github就相当于靶子。

 

4.什么是域名和服务器

       域名，就是用户访问网站的时候，输入的网址。域名提供商，简称ISP。国内有名的ISP有：新网、万网、美橙互联

       域名就相当于一个车牌，光有车牌，没有车，那你肯定不能开车上路。那我们就要有车，服务器。

       服务器就是运行了服务器管理软件的计算机。这种计算机就是有伺服的能力，就是能够存储网站上的内容，让用户访问。

       虚拟主机是什么？一般来说，一个域名对应一个服务器，但是服务器很贵，所以诞生了虚拟化的产品，就是让一个服务器上能够运行很多网站。这样一来，平均每个网站的成本大大降低。