body {background-color:linen; color:blueviolet; margin-left:30px; margin-right:30px}
}
h3 {text-align:center; color:darkred;
}
[mystyle.css 코드구요]
<!DOCTYPE html>
<html>
<head>
<title>link 태그로 스타일 파일 불러오기</title>
<link type="text/css" rel="stylesheet" href="mystyle.css">
</head>
<body>
<h3>소연재</h3>
<hr>
<p>저는 소연재입니다. 책읽기를 좋아합니다. 김치찌개와 막국수를 무척이나 좋아합니다.</p>
</body>
</html>
[4-5.html 코드입니다.]
하지만 실행시켜보면 h3 에 center와 darkred가 적용이 안되고 있습니다. 무엇이 문제인가요?
}
에서 끝에 } 가 두번 들어 있어서 그런것 같습니다. h3 셀렉터의 선언 모양으로 하려면 body 끝에 }를 하나 제거하고 다음과 같이 해보세요
body {background-color:linen; color:blueviolet; margin-left:30px; margin-right:30px
}