CSS 导航是网页设计中的一个非常重要的元素，它可以帮助用户快速浏览并定位网页上的内容。在这篇文章中，我们将介绍 CSS 导航的基本概念和如何在网页中实现它。

/*CSS 导航样式*/
nav {
background-color: #333;
overflow: hidden;
}
nav a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
nav a:hover {
background-color: #ddd;
color: black;
}
.active {
background-color: #4CAF50;
color: white;
}

在上面的 CSS 样式中，我们首先给导航栏一个背景颜色，然后给其中的链接添加了几个属性：float、color、text-align、padding 和 text-decoration。

其中，float 属性将链接浮动到了导航栏的左侧，保持了横向排列。color 属性设置了链接文本的颜色， text-align 属性将链接文本居中对齐， padding 属性添加了链接的上下左右内边距，以使它们看起来更加漂亮。text-decoration 属性则去掉了链接的下划线。

在 :hover 伪类中，我们调整了链接的背景颜色和文本颜色，以使它在用户鼠标指向时更加醒目。而 .active 类用于设置当前被激活的链接的样式，以便用户明确知道自己所在的位置。

上面是一个非常基本的 CSS 导航，但它已经具备了一些重要的功能。如果您想为您的网页添加一个导航栏，可以使用这个样式作为参考，并根据您的需求和美感进行适当的修改。