CSS를 적용하는 3가지 방법
- Inline Style
- 내부 스타일 시트
- 링킹 스타일 시트
우선순위 : Inline style > 내부 스타일 시트 > 링킹 스타일 시트
Inline Style
<h1 style="color: cadetblue">인라인 스타일 입니다</h1>내부 스타일 시트
<head>
<style>
h2 {
color: darkgoldenrod;
}
</style>
</head>링킹 스타일 시트
<link rel="stylesheet" href="style.css" />#korea {
color: yellow;
}
#sejong {
color: green;
}
.korea {
color: crimson;
}선택자
내부 스타일 시트와 링킹 스타일 시트에서 사용
선택자 {
}같은 선택자 사용 시 마지막에 사용한 선택자가 적용된다
모든 요소 선택 : *
* {
}class 선택자
<p> p태그 </p>
<p class="likelion"> p태그 입니다 </p>
.likelion {
color: crimson;
}같은 이름의 태그일 때 원하는 태그를 선택하여 css를 적용한다
id 태그
원하는 하나에만 css를 적용하고 싶을 때 사용한다
한 페이지에 사용되는 id는 중복 X
<p id="likelion"> p태그 입니다 </p>
#likelion {
color: crimson;
}Github
git add . tracking
git commit -m명령어 기억하기
