CSS 우선순위

적용받을 CSS가 여러개일 때에는 우선순위가 높은 스타일이 먼저 적용되고, 우선순위가 같을 경우 선택자의 개수가 많은 CSS가 우선 적용되고, 이것도 동일할 경우 가장 뒤쪽에 작성된 스타일이 적용된다.

<aside> 💡 !important > 인라인선언방식 > id선택자 > class선택자 > 태그선택자 > 전체선택자

</aside>

텍스트 스타일링

폰트

크기

• font-size 속성으로 글꼴의 크기를 조정
• 픽셀(px), 포인트(pt), 백분율(%), 배수(em) 단위 등

스타일

• font-style 속성으로 텍스트의 스타일 설정 가능
• normal, bold, bolder, lighter
• 숫자(100, 200, 300, 400, ... , 900)를 사용하기도 함

박스 모델

HTML 요소들은 모두 사각형의 박스로 취급, 각 박스의 크기를 결정하는 개념이 박스 모델이다.