JunO3O
스타일시트
스타일시트
2023. 3. 21. 02:59ㆍHTML
스타일시트 작성과 실행
# 내부 스타일시트 작성과 실행
ㅁ 내부 스타일시트를 작성할 때는 head나 body 태그에 style 태그를 생성한 후 저장하고 실행합니다.
<!DOCTYPE html>
<html>
<head>
<title> 내부 스타일시트 작성 </title>
<style>
h1 {
color : white;
background-color: black;
}
</style>
</head>
<body>
<h1> 내부 스타일시트를 작성할 때는 head나 body 태그에 작성합니다. </h1>
</body>
</html>
# 외부 스타일시트 작성과 실행
ㅁ 외부 스타일시트를 작성할 때는 확장자가 css인 파일을 생성하고, 스타일시트에 코드를 작성한 뒤 저장합니다. 그 후 기존의 HTML 파일에서 link 태그를 사용하여 외부 스타일시트를 불러오도록 수정합니다.
h1 { (CSS 파일 : style.css)
color : white;
background-color: black;
}<!DOCTYPE html>
<html>
<head>
<title>
외부 스타일시트 작성
</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1> 외부 스타일시트를 작성할 때는 css 파일을 만들어 사용합니다. </h1>
</body>
</html>
