더북(TheBook)

외부 스타일 시트

외부 스타일 시트(external style sheet)는 별개의 CSS 문서를 만들어 HTML 문서와 연결하는 방법입니다. 이때 CSS 문서의 확장자는 반드시 *.css여야 합니다. 다음과 같이 <head> 태그 내부에 <link> 태그를 이용해 CSS 문서를 연결하면 HTML 문서에 CSS가 적용됩니다.

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

 

인라인 스타일

인라인 스타일(inline style)은 HTML 태그에 사용할 수 있는 글로벌 속성 중 하나인 style 속성을 이용해 CSS를 적용하는 것입니다. 다음과 같이 style 속성을 사용하면 HTML 태그에 CSS를 적용할 수 있습니다.

<body>
  <p style="color: red">sample text</p>
</body>
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.