CSS id/class 차이점

id란?

문서 전체에서 유일한 고유식별자(ID)를 정의합니다.

CSS 주석 표시

{

    /* CSS 주석 */
    
}

CSS 선언 방법

내부 스타일 시트(Internal Style Sheet)

HTML문서내에서 <head>와 </head>사이에 스타일을 정의하는 방법입니다.

{
    <head>
        <style type="text/css">
            body {font-size: 9px;}
        </style>
    </head>
}

외부 스타일 시트(External Style Sheet)

css라는 확장자를 가진 스타일 시트 파일을 만들고 이 파일을 HTML 문서에 연결하여 사용하는 방법입니다.

{
    <head>>
        <link rel="stylesheet" type="text/css" href="mystyle.css">>
    </head>>
}

HTML태그내에 스타일 지정(Inline Styles)

위의 방법들에 비해서 적용범위가 더욱 좁아진 형태입니다. 스타일을 적용하고 싶은 HTML태그안에서 정의하는 방법입니다.

{
    <p style="color:gray;">이 문단의 색상은 회색으로 지정됩니다.</p>
}