0

ナビゲーション パネルとそのスタイルに苦労しています。

私は nav ul と li を使用しており、サイドバーではそれらすべてを aside タグで囲んでいます。

私の最初の質問 - これは必要ですか? どこかで nav が SEO の利点を提供すると聞きました。脇はどうですか？

そして私の 2 番目の質問 - スタイリングはどのように行うのですか? 明らかにパネル全体に背景が必要なので、aside を使用する場合は nav または aside に色を指定すると仮定します。これは正しいです？

その後、私は正しい外観ですべてを手に入れましたが、私は自分自身を繰り返し、フォントの色、パディングなどを 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. navが水平の場合、はul周囲全体にパディングが必要であり、liは左右のみにパディングが必要です (一般的に言えば)。垂直の場合は、ulすべての側面にパディングが必要であり、lis には一般的に言えば上下のパディングのみが必要です

navフォントの色は、 、ul、またはのどこにでも配置できますliが、フォントの色をそれぞれに異なるようにするかどうかによって異なります。全体として、コードの繰り返しを避け、コーディングを開始する前に何が必要かを理解しようとする

于 2013-09-15T00:28:46.700 に答える