CSS id와 class의 차이점

 

id와 class의 차이점에 대해서 한 번 알아보겠습니다.

id

id는 페이지 내에서 특정 위치나 태그를 지정하는 것이기 때문에 오직 페이지 내에서 한 번만 사용할 수 있습니다. CSS에서 정의하는 방법은 '#id name'과 같이 적용합니다.

class

class는 자주 사용되는 스타일에 적용합니다. CSS에서 정의하는 방법은 '.class name'과 같이 적용합니다.

 

<div id="wrap">
    <header id="header"> </header>
    <nav id="nav"> </nav>
    <section id="contents">
        <aside class="aside"> </aside>
        <section class="content">
                <article class="article1"> </article>
                <article class="article2"> </article>
                <article class="article3"> </article>
        </section>
    </section>
    <footer id="footer"> </footer>
</div>

얼마 전, 레이아웃 공부하면서 썼던 것을 한 번 가져와 봤습니다.

이렇게 빡세게 해보니 id와 class가 어떻게 다른지 완벽히 알거 같네요 호호호