同じセクションの2つのdiv

次のHTMLコードでは、プロパティを与えるために1つだけを使用するのではなく、2つのdivを1つのクラスに、もう1つのIDでIDを使用するのはなぜですか？同じセクションの2つのdiv

.header { 
 
    background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-5/htmlcss1-img_canyon.jpeg"); 
 
    background-position: center center; 
 
    background-size: cover; 
 
    height: 700px; 
 
    width: 100%; 
 
} 
 

 
#header-text { 
 
    margin: 0 auto; 
 
    position: relative; 
 
    text-align: center; 
 
    top: 25%; 
 
    width: 60%; 
 
}

<div class="header"> 
 
    <div id="header-text"> 
 
     <h1>Travel Like Never Before</h1> 
 
     <h2>Whether you're looking for adventure or luxury, let us help you plan your perfect getaway.</h2> 
 
    </div> 
 
</div>

出典

2017-07-06 Aba74

'class'は他の' divs'でも再利用できますが、 'id'は一意であり他の要素には使用できません。そのすべての個人的な好み。もっと読むhttps://css-tricks.com/the-difference-between-id-and-class/ – tech2017

実際の仕事は何でしたか？ –

"2つの部門を使用していますか？_" 100万の異なる理由の1つになる可能性があります。 – csmckelvey

.headerクラスが背景画像のための領域を定義し、#header-text IDは、画像の上のテキストを定義するためです。テキストは中央に配置され、より大きなヘッダー領域内に配置されるため、別のコンテナが必要です。そのため、テキストを移動して適切にスタイル設定することができます。

出典

2017-07-06 14:10:48 sorayadragon

同じセク​​ションの2つのdiv

答えて

関連する問題

同じセクションの2つのdiv