CSS(Cascading Style Sheet) 선언방법

HTML문서에 CSS를 사용하는 방법은 3가지가 있습니다.

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

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

스타일을 일관성있게 유지및 변경을 일괄적으로 할 수 있어, 효율성이 좋습니다.

<head>
    <link rel = "stylesheet" type="text/css" href="style.css"
<head>

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

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

HTML 문서마다 스타일을 매번 지정해 주어야 하지만, 한 문서에만 해당되는 스타일을 지정할 때 사용하면 됩니다.

<head>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
    </style>
</head>

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

스타일을 적용하고 싶은 HTML 태그안에서 정의하는 방법입니다.
내용과 스타일의 분리로 인해 스타일 일괄변경의 효율성이 떨어집니다.

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

걍가영의 개발일기