キュリー問題を解決する時に思い付く何時ですか?
1986 ワード
最近ウェブサイトをする時一つの問題に出会いました。 ul ラベルと li。 タブで構成されているナビゲーションバーは不確定にしたいです。 li。 数量と li ul 幅の場合は中央にしますが、 ul 使用しました text-align:センター その後、あるべき効果が現れませんでした。元々のページ構成は、
<div id="menu">
<ul class="menu_ul">
<li class="menu_li"><a href="#">Firede</a></li>
<li class="menu_li"><a href="#">Style5</a></li>
</ul>
</div>
スタイルテーブル構造です。
<style>
#menu{...}
.menu_ul{...}
.menu_li{...}
</style>
はもともと問題ないですが、一つの機能を実現するために一つのIDと二つのCLASSとが定義されています。ul menuこのようにCSSファイルは太っています。私がよくわからないのは ul 真ん中にいる問題は CSS 书き込みが多すぎて、最后の一环になって、自分でも混乱しました。仕组みを定义するコードが様々な効果を表示するために书かれたコードに混ざっています。頭がくらくらしている場合、修正したくないので、上記の機能を実現するコードを書き直しました。ページ構造:
<div id="menu">
<ul>
<li><a href="#">Firede</a></li>
<li><a href="#">Style5</a></li>
</ul>
</div>
の完全な様式表:
<style>
#menu {text-align:center;}
#menu ul {padding:0;margin:0;}
#menu li {display:inline;padding:0 10px;}
</style>
のように、簡単に解決しました。 ul 的中できない問題後でコードを確認します。 li。 のスタイルにもう一言追加しました。 float:leftは定義のためです。 ディsplay わけではない blockです inline、だから浮動することができなくて、衝突をもたらして、最後に招いて ul 中央に表示できませんでした。まとめて、ウェブページの構造を書く時、同じ機能モジュールで比較的に統一されたCSS名を使うのが一番いいです。もしスタイル名を定義して問題を解決できるなら、できるだけ複数を定義しないでください。コードもできるだけ簡潔にしてください。コードがだぶだぶになると問題が発生しやすく、誤りがどこにあるか分かりにくいからです。もっと像を使いなさい menu メン ul メン li メン a, メン a:ホバー この一連のスタイルは、いくつかの像を定義するのではなく menu menuul menuul_li。 このように調理がはっきりしていて、段差がはっきりしていますが、実は混乱している名前です。習慣はこれまでの経験が潜在意識の中でまとめられたものですが、技術の進歩によって、従来の習慣の多くがさらなる壁となりました。ウェブサイトを作るのも同じで、標準は効率を高めて、性能を改善してそして方向を明示することができるので、ウェブ標準化の設計は更に私達にウェブサイトの効率を維持するように助けます。