HTML,编写代码。编写页面的导航栏，让一级导航自适应页面长度且文字横向平均分布在一行内，鼠标悬停对应一级导航栏文字时显示二级导航栏，否则不显示。背景颜色为蓝色文字颜色默认白色，悬停时变为黑色，超链接不显示下划线，

在HTML中创建这样的导航栏，你可以使用`<nav>`元素和一些CSS样式来实现。首先，我们构建基本的HTML结构：

<nav class="navbar">
  <ul class="nav-list">
    <li><a href="#">一级导航1</a>
      <ul class="sub-navigation">
        <li><a href="#">二级导航1-1</a></li>
        <li><a href="#">二级导航1-2</a></li>
      </ul>
    </li>
    <!-- 添加更多的一级导航项 -->
  </ul>
</nav>

然后，在CSS中添加样式以实现自适应、文字分布、鼠标悬停效果以及颜色等特性：

.navbar {
  background-color: blue;
  color: white;
}

.nav-list {
  list-style-type: none;
  display: flex;
  justify-content: space-between; /* 水平居中 */
  align-items: center; /* 文字垂直居中 */
  padding: 0;
  overflow-x: auto; /* 自动滚动 */
  white-space: nowrap; /* 防止换行 */
}

.nav-list li {
  position: relative;
}

.nav-list a {
  text-decoration: none;
  color: white;
}

.sub-navigation {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: black;
  /* ... (可以继续添加其他样式) */
}

.nav-list li:hover > .sub-navigation {
  display: block;
}

这只是一个基础示例，你可能还需要根据实际项目调整样式细节，比如字体大小、间距等。另外，如果你希望二级导航栏只在鼠标完全悬停时显示，而不是像上面那样鼠标经过就显示，只需去掉`.nav-list li:hover > .sub-navigation`选择器中的`:hover`。