### html 클래스
style sheet 에서 클래스 이름을 가리키는데 사용한다.
클래스 생성 및 사용
(.) 뒤에 클래스 이름을 쓴다. 그 뒤에 {} 안에 CSS속성을 정의한다.
ex) .city {
background-color: tomato;
color: white;
padding: 10px;
}
사용시:
<h2 class="city">London</h2>
여러 클래스를 동시에 사용할 때
클래스 이름 사이에 공백을 넣어 구분한다.
ex) <h2 class="city main">London</h2>
-> city 클래스와 main 클래스 동시에 사용
### html ID
HTML 요소의 고유 id를 지정한다.
아이디 생성 및 사용
#뒤에 id 이름을 쓴 뒤 {} 안에 CSS 속성을 정의한다.
ex)
#idname{
background-color: lightblue;
color: black;
padding: 40px;
}
사용시:
<h1 id="myHeader">My Header</h1>
class와 다른 점 : class는 여러 요소에서 사용할 수 있지만, id는 한 요소에서만 사용가능하다.
