🤔 Style Sheet 스타일 규칙을 한눈에 확인 및 필요 시 수정하기 쉽게 한군데 묶어 놓은것. 크게 스타일 시트는 2가지로 나눌 수 있다. - 브라우저 기본 스타일: 웹브라우저에 기본으로 만들어져 있음 - 사용자 스타일: 사이트 제작자가 만듬 i) 인라인 스타일 ii) 내부 스타일 시트 iii) 외부 스타일 시트
Ex) 인라인 스타일
<h1>레드향<h1>
<p style="color: blue;">껍질에 붉은 빛이 돌아 레드향이라 불린다.</p>
<p>레드향은 한라봉과 귤을 교배한 것으로 일반 귤보다 2~3배 크고 과육이 붉고 통통하다.</p>
<p>비타민 C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다.</p>
Ex) 내부 스타일 시트
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>상품 소개 페이지</title>
<style>
h1{
padding: 10px;
background-color: #222;
color: #fff;
}
</style>
</head>
<body>
<h1>레드향</h1>
<p style="color: blue;">껍질에 붉은 빛이 돌아 레드향이라 불린다.</p>
<p>레드향은 한라봉과 귤을 교배한 것으로 일반 귤보다 2~3배 크고 과육이 붉고 통통하다.</p>
<p>비타민 C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다.</p>
</body>
</html>
