CSS - 2. 상속, 캐스케이딩, 서체 다루기

상속

상속되는 속성과 상속되지 않은 속성이 있음.

참고

Cascading(캐스케이딩)

적용 우선순위: 저자 > 사용자 > 웹브라우저

한 태그에 태그 선택자, id 선택자, class 선택자, style 속성 줬을 때 우선순위: style 속성 > id 선택자 > 클래스 선택자 > 태그 선택자

어떤 선택자를 쓰던지 우선 순위를 가장 높이는 법: !important;를 써준다.

서체 다루기

크기: font-size

font-size의 단위

• px: 고정된 크기의 폰트 지정
• rem: 가변적인 크기의 폰트 지정

색상: color

• color name
• hex(16진수)
• rgb

정렬: text-align

text-align

• center
• left
• right
• justify: 양쪽 균등 분배

서체: font-family, font-weight, line-height

• font-family: 글꼴

  :san-serif, serif(글꼴에서 사용하는 장식을 의미)

  :monospace(고정폭)

• font-weight: 폰트 두께,
• line-height: 행 사이 간격
• font: 서체 속성들 한 번에 지정