| [ Class와 ID ]
앞의 "CSS의 기본문법" 과정에서 [선택자의 사용법]을 공부할 때 클래스와 ID 지정방식에 대해서 간략하게 접해보았습니다. 여기서는 그 사용예들을 직접 다루어 보고 그 활용도를 이해하도록 하겠습니다.
ID와 class는 그 사용방법등에 있어서는 크게 다르지 않습니다. 두 가지다 스타일시트의 이용을 위해서 HTML 태그에서 호출할 때 사용해 주게 됩니다. 클래스는 .ex1처럼 "."을, ID의 경우에는 "#"을 이름앞에 붙여주면 됩니다.
HTML에서 호출할 때에는 각각 "id=id이름", "class=클래스이름" 형식으로 호출해 주게 됩니다.
▶ ID및 Class의 지정
선택자를 일반 태그로 사용할 경우에는 문서중에 해당 태그에 대해 일괄적으로 스타일이 적용되지만, 클래스나 ID의 경우 일단 스타일에서 지정을 해 놓고 적용시키고자 하는 태그에서 해당 클래스 또는 ID를 호출해 주는 방식으로 사용합니다. 위에서 BODY 선택자에 의해 모든 문서의 글자크기는 10pt에 녹색으로 표시되게 됩니다. 만약 강조하고 싶은 부분이나 다른 형태를 취해주고 싶은 경우 .subject는 클래스로 #title은 ID로 호출해 주면 됩니다.
▶ ID및 Class의 사용
이제 위에서 지정한 클래스나 ID를 사용하고자 할 경우에는 본문 태그중에서 다음과 같이 호출해서 사용해 주면 됩니다. ID의 경우 하나의 문서에 하나만 사용가능한 제약이 있으므로 대부분 class를 사용해 주고 있습니다. | 
0 분
3 분
