今天完成的事情，页头部分。

页头部分的登录与注册两个按钮，最开始不知道从拿来下手。后面发现是hover效果。鼠标点上去的时候，设置一圈内边距。和文字颜色。

导航栏部分，任务8的导航栏用了最粗暴的做法，直接把row和col两个东西去掉了，只加了container。但是在bootstrap4里面，container的下一级必须是row，不加row是违法的。

导航栏中遇到的问题，导航栏用flex无法居中，最后发现是container位置放错了。

上一级设置背景颜色，下一级就是container。

遇到第二个问题，导航栏nav-link自带 padding值与字体颜色。用类选择器，会被直接覆盖掉，多出的15px，导致右边的内容，上下无法对齐。

根据css权重的问题，想要覆盖掉框架自带的属性，需要找到权重比他高的选择器。

1，用id选择器，成功更改了文字的颜色，但是hover的时候，字体颜色无法发生改变。

2，直接在框架html里面写入字体颜色属性。但是hover也无法改变字体颜色。而且id选择器的权重没他高，id选择器也改变不了字体颜色了。

收获，在做任务10，之前就专门看了关于css权重的知识，没想到覆盖框架里面的属性还是卡住了。今天学习到了css优先级以及权重计算，

第一优先级：无条件优先的属性只需要在属性后面使用！important。（优先级最高。）

第二优先级：在html中给元素标签加style，即内联样式。

第三优先级：由一个或多个id选择器来定义。例如，#id{margin:0;}会覆盖.classname{margin:3pxl}

第四优先级：由一个或多个类选择器、属性选择器、伪类选择器定义。比如.classname{margin:3px}会覆盖div{margin:6px;}

第五优先级：由一个或多个类型选择器定义，就比如 div（margin：6px）会直接覆盖掉margin：3px

第六优先级：通配选择器

明天计划，任务10，内容部分。

任务8-9任务总结

做任务8-9，第一次接触bootstrap4框架的时候，看的一脸懵逼，知识放在那里，都很难看得懂，再说什么。后面一点点的

的尝试修改导航栏，栅格系统，网格布局，收获确实很大的，如果自己要写轮播图，导航栏得话，要写很长时间，框架里面现成的东西。现成的属性。而且代码量要写的很少。

如何实现轮播图？

bootstrap4框架里面，有成熟的组件，引进来，更改轮播图样式就好了。

主流的浏览器的内核有哪几种？

(4)Blink内核（ Google和Opera Software内核）

解决方法很多，最简单的就是，用padding取代，或者加一条边框。边框1px，颜色和背景颜色保持一致。

div+css的布局较table布局有什么优点？

bootstrap有哪些常用组件？

bootstrap常用组件有轮播图，导航栏，下拉菜单。

css  有哪些方式可以实现垂直居中

，第一种flex布局。第二种，文字liheight，第三种，上下边距设置一样。第四种，定位。