전체 선택자

• universal selector
• html을 포함한 HTML 문서 내의 모든 요소를 선택합니다. * (별표, 애스터리스크) 사용하여 선택할 수 있습니다

* {
	margin:0;
	padding:0;
}

타입(유형) 선택자 (태그 선택자, 요소 선택자)

• type selector
• 특정 태그를 선택합니다

h1 {
	font-weight:bold;
}
p{
	font-size: 24px;
}

아이디 선택자(#)

• id selector
• [주의사항] HTML 페이지 내에 id는 유일해야 합니다!
• HTML 안에서 한 번만 사용되기 때문에 재사용성은 떨어집니다.
• 아이디 속성은 JavaScript 또는 해시 링크와 함께 사용되는 경우가 많습니다.

<header id="header">
...
</header>

#header {
	padding: 10px;
}

클래스 선택자(.)

• class selector
• 클래스 선택자는 아이디 선택자와 다르게 한 페이지에 여러 개가 존재할 수 있습니다. 재사용성이 높습니다.

<h1 class="fc-red">hello wolrd</h1>
<p>Lorem ipsum dolor sit amt</p>
<p class="fc-red">Lorem ipsum dolor sit amt</p>