<link href="css 경로" rel="stylesheet">1. 이것을 헤드 태그 안에 넣는다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link href="css 경로" rel="stylesheet">
</head>
<body>
<p><strong>Jun</strong></p>
</body>
</html>2. CSS Selector
.profile { font-size : 20px } /*class*/
#special { font-size : 30px } /*id*/
p { font-size : 16px } /*tag*/-
Class Selector는 .profile{ } 이렇게 적을 수 있고 모든 class="profile"을 가진 요소에 스타일을 적용가능합니다.
-
ID Selector는 #special { } 이렇게 적을 수 있고 모든 id="special" 속성을 가진 요소에 스타일을 적용가능합니다.
-
Tag selector는 p { font-size: 10px } 이렇게 적을 수 있고 모든
태그에 스타일을 적용가능합니다.
3. CSS Selector 우선순위
- 점수가 높을수록 우선
- style="" (1000점) (태그 안에서)
- #id (100점) (ID Selector)
- .class (10점) (Class Selector)
- p (1점) (Tag Selector)
