今天完成了什麽：

继续完成任务8头部。

查找小课堂资料。如何理解opacity和rgba和display和visibility:hidden。

今天遇到了什么问题：

3.汉堡栏右边还有距离。一开始用text-align：right，发现无效，用marigin-left：auto解决。

5.发现左右俩边都有大盒子的间距，调试f12才看到是布局结构问题。

6.

写到一般觉得太多bug，代码乱七八糟于是全部删了重新修改，查了下4的官方文档才知道直接上手就可以了，踢调用f12才发现官方给出了大部分实例，自己修改下小样式就行，以后用框架的时候还是得看食用说明书。

收获了什么：

内容需要靠左靠右可以使用margin-left为auto来解决，这样则为靠右。

你的问题中除了 width 和 margin-left 其他值都是 0 ，把宽度值带入计算得到 margin-left = 包含块的宽度-100px 。所以最终 div 会靠近包含块的右边。

CSS中元素在某一行上 居中/居左/居右

一般有2种做法：

对于汉堡菜单按钮要靠右靠左有相应的属性，默认情况下，导航栏切换器是左对齐的，但如果它们遵循像a这样的兄弟元素.navbar-brand，它们将自动对齐到最右边。反转标记将反转切换器的位置。

在CSS中与半透明效果相关的属性有两个：opacity和rgba。

opacity属性的值规定透明度。从 0.0 （完全透明）到 1.0（完全不透明）。设置opacity元素的所有后代元素会随着一起具有透明性，一般用于调整图片或者模块的整体不透明度。IE8 以及更早的版本支持替代的 filter 属性。例如：filter:Alpha(opacity=50)。

rgba用于设置颜色的透明度，参数是rgba(red, green, blue, alpha) alpha的取值从 0（完全透明） 到 1（完全不透明），如rgba(255,255,255,0.8)。

opacity设置的透明度会被子元素继承，而且无法取消。 
background-color设置transparent只是背景透明，不会被子元素继承，类似的还有使用rgba设置颜色，a属性中设置的透明度，因为background-color属性不会继承。

明天计划：

任务8；