스타일시트 class와 id

css 파일을 작성할때 꼭 알아야 할 사항

.menu {font-size:15px;}

  ☞ 이 내용은 class를 menu라는 이름으로 정해주고 이 이름을 가지고 있는 것들의 글자 크기를 15px로 만들어라.

      위 내용을 태그에 적용하기 위해서는 태그에 'class=menu'를 적어 주면 됩니다. 예를 들어, div 태그에 사용하는 방법은 <div class="menu">라고 지정하면 위에서 정한 것이 적용됩니다. 또한 font 태그에 적용하고 싶으면 <font class="menu">라고 하면
font 태그에 적용이 됩니다. 이처럼 class 는 아주 여러번 원하는 곳에서 사용이 가능합니다.

#menu {font-size:20px;}

  ☞ 이 내용은 id의 이름을 menu로 준다는 이야기 입니다. 위 내용은 menu라는 id를 가진 태그의 폰트 크기를 20으로 바꾸는 것입니다. 사용방법은 div 태그 <div id="menu">로 사용하면 됩니다.

 

이렇게 보면 class와 id가 비슷해 보이지만 2개 사이에는 큰 차이점이 하나 있습니다.

class 는 여러곳에서 자주 마구마구 불러서 사용할 수 있지만 id는 딱 한번밖에 사용할 수 없습니다.

즉 레이아웃을 만들때 단 한번 사용하는 곳(header,body)에 사용하는 것이 id 입니다.