<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="utf-8">
        <title>style 태그</title>
        <style> /* CSS 스타일을 작성할 수 있는 영역을 나타내는 태그 */
            h1 {
                color: white;
                background-color: black;
            }
            p {
                color: gray;
            }
        </style>
    </head>
    <body>
        <h1>style 태그</h1>
        <p>
            style 태그는 HTML 문서에서 CSS 스타일을 작성할 수 있는
            영역을 나타내는 태그입니다.
        </p>
    </body>
</html>
브라우저에서 실제 표시된 모습
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="utf-8">
        <title>다수의 style 태그 작성</title>
        <style>
            /* 데스크탑 */
            h1 {
                color: white;
                background-color: black;
            }
            p {
                color: gray;
            }
        </style>
        <style>
            /* 모바일 */
            @media (max-width: 500px) {
                h1 {
                    font-size: 1.8em;
                }
                p {
                    font-size: 0.9em;
                }
            }
        </style>
    </head>
    <body>
        <h1>다수의 style 태그 작성</h1>
        <p>
            HTML 문서에는 다수의 style 태그를 작성할 수 있습니다. 
        </p>
    </body>
</html>
<h2 style="color: white; background-color: black;">
    style 속성
</h2>
<p style="color: gray;">
    CSS로 스타일을 적용할 요소 내에 style 속성을 이용해서
    해당 요소에만 스타일을 적용하는 것을 말합니다.
</p>
브라우저에서 실제 표시된 모습
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<head>
    <link rel="stylesheet" href="styles1.css">
    <link rel="stylesheet" href="styles2.css">
    <link rel="stylesheet" href="styles3.css">
</head>
구문
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="utf-8">
        <title>style 태그</title>
        <style> /* CSS 스타일을 작성할 수 있는 영역을 나타내는 태그 */
            @import url("sheet.css");
        </style>
    </head>
    <body>
        ....
    </body>
</html>
<style>
    @import url("sheet1.css");
    @import url("sheet2.css");
    @import url(sheet3.css);
</style>
<style>
	@import url("sheet2.css"); /* @import가 맨 앞에 위치해야 한다. */
	h1 {color: red;}
	p {color: blue; background-color: yelow;}
	table td,
	table th {border: 1px solid #000000;} 
</style>
<style>
	h1 {color: red;}
	p {color: blue; background-color: yelow;}
	table td,
	table th {border: 1px solid #000000;}
	@import url("sheet2.css"); /* @import가 맨 앞에 위치해야 한다. */
</style>