2.CSS 상속과 우선순위

CSS 상속

• 상속이란 상위의 요소에 적용된 속성을 하위의 요소가 물려받는 것을 말하며, 부모(상위의 요소)-자식(하위의 요소) 관계라고도 한다.
• 재사용성이 좋다

box-model 상속

• html 요소들은 box형태로 구성되며 이를 box model(박스 모델)이라고 합니다.
• box-model은 외부 박스(margin-box), 테두리 박스(border-box), 내부 박스(padding-box), 콘텐츠 박스(content-box)로 이루어져 있습니다.
• box-model의 크기, 배치와 관련된 속성들(width, height, margin, padding, border)은 하위 요소로 상속되지 않습니다.

CSS 캐스케이딩

• html에 어떤 스타일을 적용 시킬지에 대한 우선순위를 결정하는것.
• inline > internal == external
• ID > Class > Element 순서대로 스타일이 우선적으로 반영됩니다.
• 우선순위가 같을 경우 나중에 선언한 스타일이 적용됩니다.