縦タブを作る - Cheese Pie
これまで横のタブデザインは何回か作ったけど、縦のタブデザインを初めて作ったのでメモっておく。 DOCTYPEは、XHTML1.0 Transitional で作ってます。 タブ部分横幅固定でコンテンツ部分はリキッド。 まず、タブとコンテンツをマークアップします。 <div class="tabWrap"> <ul class="tabList"> <li class="tab">hogehoge</li> <li class="currentTab">foo</li> <li class="tab">bar</li> </ul> </div> <div class="inputArea"> <span>Tab Contents</span> <p>contentscontentscontentscontents</p> </div> 次に、タブとコンテンツが横並びになるようにスタイルを指定
スタイルシートの class と id の使い分け
idとclassの違いと使い分け！スタイルシート(CSS)適用法(2ページ目)idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。 class属性とid属性の役割の違い 「class」と「id」の役割と、使用上の違いを簡単に言うと、次の通りです。 ■class： 「種別名を割り当てる」 → 同じclass名を、1ページ中に何度でも使える。 ■id： 「固有の名前を割り当てる」 → 同じid名は、1ページ中に1度しか使えない。 class属性が対象の「種類・部類」を表しているに過ぎないのに対して、id属性は対
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
