<head>
<meta charset="utf-8">
<title>상품 소개 페이지</title>
<style>
/* * { 전체 선택자
margin:0;
padding:0;
} */
/* p{ 타입 선택자 or 태그 선택자
color:red;
} */
/* 특정한 부분만 다르게 사용하고 싶을때
class선택자, id 선택자
클래스는 앞에 . 를 놓는다 */
.redtext {
color:blue;
}
/* id 는 유일하게 하나만 css처리 하는것 앞에 # 를 붙인다 */
#container {
border:1px solid #222;
passding:10px;
}
/* 선택자 2개를 쉼표로 묶는것 그룹 선택자 */
h1,p{
color:blue;
}
</style>
</head>
<body>
<div id="container"></div>
<h1>레드향</h1>
<p> 껍질에 붉은 빛이 돌아 <spen class="redtext">레드향</spen>이라 불린다.</p>
<p >레드향은 한라봉과 귤을 교배한 것으로 일반 귤보다 2~3배 크고, 과육이 붉고 통통하다</p>
<p>비타민 c와 <spen class="redtext"></spen>비타민p</spen>가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져있다.</p>
</div>
</body>
나의 에고를 인정하고 사랑하자