/* 全局设置，将所有元素的外边距和内边距初始化为 0 */
* {
  margin: 0;
  padding: 0;
}

/* 定义头部样式 */
header {
  background-color: gray;  /* 背景颜色为灰色 */
  color: white;  /* 文字颜色为白色 */
  font-weight: bold;  /* 字体加粗 */
  padding: 10px 0;  /* 上下内边距为 10 像素，左右为 0 */
  position: fixed;  /* 固定定位 */
  top: 0;  /* 距离顶部 0 像素 */
  width: 100%;  /* 宽度为 100% */
  z-index: 999;  /* 堆叠顺序为 999，确保在其他元素之上 */
  cursor: pointer;  /* 鼠标指针样式为指针 */
}

/* 当鼠标悬停在头部时的样式 */
header:hover {
  text-decoration: underline;  /* 文字添加下划线 */
}

/* 定义导航栏样式 */
nav {
  background-color: green;  /* 背景颜色为绿色 */
  padding: 5;  /* 内边距为 5 像素，不明确方向，可能效果不理想，建议明确上下左右的内边距值 */
  position: fixed;  /* 固定定位 */
  top: 40px;  /* 距离顶部 40 像素 */
  width: 100%;  /* 宽度为 100% */
  z-index: 999;  /* 堆叠顺序为 999，确保在其他元素之上 */
}

/* 定义导航栏中无序列表的样式 */
nav ul {
  list-style-type: none;  /* 去除列表默认的项目符号 */
}

/* 定义导航栏中无序列表的列表项样式 */
nav ul li {
  display: inline-block;  /* 以行内块元素显示 */
  margin: 0;  /* 外边距为 0 */
  position: relative;  /* 相对定位 */
  padding: 15px 20px;  /* 增加内边距，上下 15 像素，左右 20 像素 */
  line-height: 25px;  /* 增加行高，使高度变大 */
}

/* 定义导航栏中列表项的子列表样式 */
nav ul li ul {
  display: none;  /* 初始时隐藏子列表 */
  position: absolute;  /* 绝对定位 */
  background-color: green;  /* 背景颜色为绿色 */
  top: 100%;  /* 距离父元素底部 100% */
  left: 0;  /* 距离左侧 0 像素 */
  white-space: nowrap;  /* 不换行 */
}

/* 当鼠标悬停在列表项上时显示子列表 */
nav ul li:hover ul {
  display: block;  /* 显示子列表 */
}

/* 定义导航栏中的链接样式 */
nav a {
  color: white;  /* 文字颜色为白色 */
  text-decoration: none;  /* 去除链接默认的下划线 */
  padding: 10px;  /* 内边距为 10 像素 */
}

/* 定义页脚样式 */
footer {
  padding: 10px;  /* 内边距为 10 像素 */
  text-align: center;  /* 文本居中对齐 */
}