Illie
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가 어떻게 다른지 완벽히 알거 같네요 호호호
'ETC' 카테고리의 다른 글
CSS. animation (0) | 2022.01.26 |
---|---|
CSS. 그리드 시스템 활용하기 (0) | 2022.01.26 |
CSS. gradient (0) | 2022.01.25 |
CSS. float, 영역깨짐현상 해결 방법 (0) | 2022.01.24 |
HTML. 웹표준, 웹접근성, 웹호환성 정리 (3) | 2022.01.20 |
Comments