0

我正在为我的导航面板及其样式而苦苦挣扎。

我正在使用 nav ul 和 li，在我的侧边栏中，我什至将它们全部包含在旁边的标签中。

我的第一个问题 - 这是必要的吗？我听说某处导航提供了 seo 的好处。旁边呢？

我的第二个问题 - 我该如何进行造型？显然，整个面板需要一个背景，所以我假设我为导航指定了一种颜色，或者如果使用了旁白，则为旁白指定颜色。这个对吗？

然后在那之后，我得到了所有外观正确的东西，但我一直在重复自己，并一直在努力弄清楚字体颜色、填充等是否应该在 nav、ul、ul li 或 ul li a 中？

任何帮助将非常感激。

谢谢

示例代码 HTML5 5

<nav id="topright">
        <ul>
            <li><a href="http://www.eastbournenl.com">About</a></li>
            <li><a href="http://www.eastbournenl.com">Blog</a></li>
            <li><a href="http://www.eastbournenl.com">Contact Us</a></li>
        </ul>

CSS

#topright {width: 20em ; float: right ; margin: 0 3em 0 0 ; background: #000066 ;     border-color: #000066 ; border-width: 2em ; border-style: solid ; border-bottom-left-radius: 50px ; border-bottom-right-radius: 50px}
#topright li {list-style-type: none ; display:block}
#topright a {width: 10em ; display: block ; color: white ; text-decoration: none ;   font-family: verdana, geneva, sans serif}
#topright a:hover {background: #9933ff}
#topright a:active {background: green}
4

1 回答 1

0

  1. a（链接）标签不是必需的，除非它们将您引导至新页面，即您的域或其他站点的子页面。您可以ul li:hover像使用a

  2. 背景通常放在ul. 如果snav是水平的，则ul应该在周围有填充，并且lis 应该只在左右两侧有填充（一般来说）。如果它是垂直的，那么ul应该在所有侧面都有填充，而lis 通常应该只有顶部和底部填充

字体颜色可以随心所欲，在nav,ul或中li，但这取决于您是否希望每种字体颜色不同。总体上尽量避免重复代码，并在开始编码之前尝试知道你想要什么

于 2013-09-15T00:28:46.700 回答