rel =링크된 대상과의 관계를 지정
CSS 적용 우선 순위 : 인라인 <- 내부 <- 외부
/* mystyle.css */
p {
color:red;
}
div {
color:green;
}
#mydiv {
color:blue;
}
<!DOCTYPE html>
<html>
<head>
<title>css-outer.html</title>
<link rel="stylesheet" href="mystyle.css">
<style>
p{
background-color:magenta;
}
</style>
</head>
<body>
<!-- CSS 적용 우선 순위 : 인라인 <- 내부 <- 외부 -->
<p style="background-color:yellow">동해물과</p>
<div>백두산이</div>
<div id="mydiv">마르고 닳도록</div>
</body>
</html>
댓글