css固定导航在页面顶部 |css html动画效果

nav {
position: fixed;
top: 0;
width: 100%;
background-color: #333;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
nav li {
margin: 0 10px;
}
nav a {
color: #fff;
text-decoration: none;
}

在上面的代码中，大家使用了CSS中的position属性来实现导航的固定定位。设置position为fixed可以使元素相对于视口固定位置，而top: 0则将其置于页面顶部。

大家还使用了flex布局（display: flex）来使得导航栏中的菜单项水平排列。justify-content: space-between将菜单项沿着导航栏宽度进行平均排列，而align-items: center将它们垂直居中对齐。

最后，在CSS中大家通过background-color来设置导航栏的背景颜色，而颜色值#333代表深灰色。

使用CSS固定导航可以使得网站更加易于导航，同时也更加美观。通过这个简单的技术实现，可以让网站用户体验更加舒适。