CSS

1. 캐스케이딩 스타일 시트 알아보기

- 스타일 시트에서 우선순위가 위에서 아래, 즉 계단식으로 적용된다는 의미

- 웹 요소에 둘 이상의 스타일을 적용할 때 우선순위에 따라 적용할 스타일 결정

* 스타일 우선순위 : 스타일 규칙의 중요도와 적용 범위에 따라 우선순위가 결정되고, 그 우선순위에 따라 위에서 아래로 스타일 적용

** 사용자 스타일 -> 제작자 스타일 -> 브라우저 기본 스타일

** !important -> 인라인 스타일 -> id 스타일 -> 클래스 스타일 -> 타입 스타일

* 스타일 상속 : 태그의 포함 관계에 따라 부모 요소의 스타일을 자식 요소로, 위에서 아래로 전달함, 자식 요소에서 별도로 스타일을 지정하지 않으면 부모 요소의 스타일 속성들이 자식 요소로 전달

 

2. 글꼴 관련 스타일

- 글꼴을 지정하는 font-family 속성

* font-family : <글꼴 이름> | [<글꼴 이름>, ...]

- 글자 크기를 지정하는 font-size 속성

* font-size: <절대 크기> | <상대 크기> | <크기>

** 절대 크기 : 브라우저에서 지정한 글자 크기

** 상태 크기 : 부모 요소의 글자 크기를 기준으로 상대적인 글자 크기

** 크기 : 브라우저와 상관없이 글자 크기를 직접 지정

** 백분율 : 부모 요소의 글자 크기를 기준으로 백분율(%)로 표시

* 키워드를 사용하여 글자 크기 지정하기 : xx-small < x-small < small < medium < large < x-large < xx-large

* 단위를 사용하여 글자 크기 지정하기