我使用 ul 和 li 标签构建了一个 HTML 导航条。
<div id="navLimitedLength">
<ul id="navmenulist">
<li class="menu"><a>Add</a></li>
<li class="menu"><a>Update</a></li>
<li class="menu"><a>View</a></li>
<li class="menu"><a>Delete</a></li>
</ul>
</div>
最初,我使用 CSS 将其设置为 Arial 字体,如下所示:
li.menu a
{
text-decoration:none;
font-family:Arial;
font-size:18px;
}
然后我尝试将字体更改为 Segoe UI,如下所示:
li.menu a
{
text-decoration:none;
font-family: 'Segoe UI';
font-size:18px;
}
然而,这也改变了菜单的外观,使它们重叠
据我了解,更改字体不应更改其他样式。这可能是因为我在 IE8 中尝试它。
但是,确保事物保持原位并以所需方式运行的标准方法是什么?