一、今天完成的事情

1、学习HTML <script> 标签

<script> 标签用于定义客户端脚本，比如 JavaScript。

<script> 元素既可包含脚本语句，也可以通过 "src" 属性指向外部脚本文件。

JavaScript 通常用于图像操作、表单验证以及动态内容更改。

2、导航

      1)导航.nav

设置导航链接.nav-link

设置项目对齐方式：justify-content-

导航等宽：.nav-justified 

2）导航栏

2、container（container-fluid）

3、CSS布局

1）、flex对齐方式

2）、CSS Display(显示) 与 Visibility（可见性）

display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。

visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间display:none可以隐藏某个元素，且隐藏的元素不会占用任何空间。

隐藏元素 - display:none或visibility:hidden

CSS Display - 块和内联元素
块元素是一个元素，占用了全部宽度，在前后都是换行；内联元素只需要必要的宽度，不强制换行。

CSS中块级、内联元素的应用：
利用CSS我们摆脱HTML标签归类的限制，自由地在不同标签/元素上应用我们需要的属性。
主要用的CSS样式有以下三个：

• display:block  -- 显示为块级元素

• display:inline  -- 显示为内联元素

• display:inline-block -- 显示为内联块元素，表现为同行显示并可修改宽高内外边距等属性

二、遇到的问题：

1、导航栏里面的.active 属性使用前提必须是文字颜色为浅色吗？不设置文字颜色好像没效果。

2、调整背景图片雪碧图的位置，例如背景居中、偏左、偏下？是通过设置背景图的位置值background-positio实现？

三、明日计划

修改任务8有问题的地方。

四、收获

熟悉bootstrap常用的元素（导航/导航栏/container/row等）

复习flex布局的对齐方式；

学习script标签；

块级/内联元素的应用。