style 태그
style 태그를 사용하면 HTML 페이지 내부에 직접
CSS를 작성할 수 있습니다. style 태그 내부에서는
CSS 언어의 구문
(선택자, 중괄호 등)을 준수하여 작성해야 합니다.
이 태그는 일반적으로 head
태그 내부에 배치되어야 하지만, 필수는 아닙니다. style 태그를
body 태그 내부에
배치해도 작동합니다.
style 태그의 사용은 지나치게 남용하지 않는 것이 좋습니다.
대부분의 경우 별도의 CSS 파일을
사용하는 것이 더 적합합니다.
예제
style 태그를 사용하여 HTML 코드 내부에 CSS를 작성해 보겠습니다:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>이것은 페이지 제목입니다</title>
<style>
p {
color: red;
}
</style>
</head>
<body>
<h1>이것은 기본(검은색) 색상의 제목입니다.</h1>
<p>이것은 빨간색 문단입니다.</p>
</body>
</html>
