메인로고 적용과 선택자 우선순위

메인로고를 제목태그(h1 h2등)에 적용할 때

HTML

h1 안에 a를 넣어준다.
텍스트는 indent값을 줘서 밀어준다.

❗ 이때, class를 부여하지 않고 요소에 직접 주어야 한다.

CSS

제목태그(h1등)에 로고이미지를 배경으로 넣어준다.
a는 블록요소로 지정해주고,
로고의 크기만큼 영역 설정을 해준다.

✔ footer 영역에는 제목태그를 넣지 않는다.

선택자 주의할 점

선택자 정의

1. .abc p {~} : abc 안에 있는 모든 p태그
2. .abc>p {~} : abc의 하위요소 안에 있는 p태그는 제외
3. .abc~p {~} : abc와 같은 계층에 있는 p태그

선택자 우선순위

1. 전체 선택자(0) : *
2. type 선택자(1) : p, h2 등
3. 가상 선택자(10) : :first-child 등
4. class 선택자(10)
5. id 선택자(100)
6. inline 스타일로 선택자 지정(150)
7. 중요도 주기(200) : !important