要使用 CSS 制作导航栏中的二级菜单，需要使用以下关键词：
display: 设置元素的显示方式，常见的值有 none（隐藏元素）、block（将元素显示为块级元素，即独占一行）、inline（将元素显示为行内元素）、inline-block（将元素显示为行内块级元素）等。
position: 设置元素的定位方式，常见的值有 static（默认值，元素按照文档流排列）、relative（相对定位，相对于元素原来的位置进行定位）、absolute（绝对定位，相对于最近的已定位的祖先元素进行定位）等。
z-index: 设置元素的层级，值越大的元素会在值小的元素上面显示。
:hover: 伪类选择器，表示当鼠标悬停在元素上时的样式。
基本思路是，当鼠标悬停在导航栏的某个菜单项上时，显示该菜单项对应的二级菜单。具体实现步骤如下：
首先，将二级菜单元素设为 display: none，即默认隐藏起来。
当鼠标悬停在导航栏的某个菜单项上时，使用 :hover 选择器选中该菜单项，并将对应的二级菜单元素设为 display: block，即显示出来。同时，使用 position 和 z-index 属性将二级菜单定位在正确的位置，并将其显示在菜单项上面。
示例代码如下：
/* 一级菜单样式 */
.nav-item {
position: relative; /* 设置为相对定位，用于二级菜单的定位 */
}
/* 二级菜单样式 */
.sub-menu {
display: none; /* 默认隐藏 */
position: absolute; /* 设置为绝对定位，用于定位到正确的位置 */
top: 100%; /* 将二级菜单定位到一级菜单下面 */
left: 0;
z-index: 1; /* 设置层级，使二级菜单显示在一级菜单上面 */
}
/* 鼠标悬停时显示二级菜单 */
.nav-item:hover .sub-menu {
display: block;
}需要注意的是，以上示例只是一种基本的实现方式，具体的实现方式还需要根据实际情况进行调整和优化。