今天完成的事情：

完成任务六以及任务七第一个页面                          
                           
遇到的问题：

拖延症一直把任务六拖到现在，一开始就是用栅格完成的，但是任务要求是用bootstrap，所以看回了之前bootstrap的录播以及官方的文档。将网页中顶部导航栏用了bootstrap的框架

1.一开始在css文件中对container添加样式，不成功  ，后来使用了一个div将container包裹，再给这个div一个类，再对这个类进行样式的设定

2.bootstrap中栅格就是将container分成12份，但是对应每一种页面宽度都有不同的写法，如col-md、col-lg、col-xs，一开始只规定了其中的一种，导致页面在缩小宽度时会出现，列下移，后来将这四种都写上了就没有问题了

3.因为引入了bootstrap文件，所以有些样式是已经规定好了，在设置下拉菜单时，发现对类名写样式怎么样都会被覆盖，后来对属性的id名写就可以了

4.网页在本地完成后上传到github发现下拉菜单没有子菜单显示出来，不太明白，问了师兄之后才知道是因为域名，将http改为了https就好了

收获：

1.css中样式优先级

通用选择器（*） < 元素(类型)选择器 < 类选择器 < 属性选择器 < 伪类 < ID 选择器 < 内联样式

权重的规则

    权重分为四个等级（有一个重要级角色不在此列）  

    第一等：内联样式，权重1000，即标签内的style属性设置的样式

    第二等：ID选择器，权重100，例如#id{...}

    第三等：类选择器，伪类选择器，属性选择器，权重10，例如.class{...}、:hover{...}、[arrtibute=value]

    第四等：标签选择器，伪元素选择器，权重1，例如div{...}、::after{...}

    超然地位：!important（优先考虑

   eg

.my-class #my-id div p{
color:red;
}

其权重为10+100+1+1=112

（在同一页面中对同一东西设置了样式，权重高的会覆盖权重低的，所以当我使用id时会覆盖使用类的）

2.bootstrap栅格系统

3.http和https的区别

（1）分别是什么

       HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览   器的传输协议，它可以使浏览器更加高效，使网络传输减少。

　　HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。

　　HTTPS协议的主要作用可以分为两种：一种是建立一个信息安全通道，来保证数据传输的安全；另一种就是确认网站的真实性

（2）实质区别

     HTTP协议传输的数据都是未加密的，也就是明文的，因此使用HTTP协议传输隐私信息非常不安全，为了保证这些隐私数据能加密传输，于是网景公司设计了SSL（Secure Sockets Layer）协议用于对HTTP协议传输的数据进行加密，从而就诞生了HTTPS。简单来说，HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，要比http协议安全。