css中怎么固定列表的字不动

在编写网页时，我们经常用到列表。然而有时候，我们希望列表中的某些元素保持不动，例如顶部导航栏中的每个选项。这时候，我们就需要用到CSS来实现固定列表中字不动。

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

li {
  display: inline-block;
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
}

li:first-child {
  margin-left: 20px;
} 

首先，我们给ul设置了固定定位(position: fixed;)，并且将其顶部对齐(top: 0;)，让它始终保持在页面顶部。接着，我们将ul的宽度设为100%使其充满整个页面。

接下来，我们给li设置了display: inline-block; 让它们水平排列，同时指定了padding、font-size和font-weight等属性以美化列表。在此基础上，我们给第一个li元素加了一个左边距，让其与其他选项分隔开来。

通过以上CSS代码，我们的固定列表中的字就可以保持不动了。