더북(TheBook)

상속

상속(inheritance)은 부모 요소에 적용된 속성이 자식 요소에 자동으로 적용되는 현상을 말합니다. 다시 말해 부모 요소에 적용된 속성이 자식 요소에 적용돼 있지 않더라도 자식 요소는 부모 요소의 속성과 동일한 값을 가지게 됩니다.

예를 들어 <body> 태그 내에 <h1> 태그를 사용해 제목을 작성했다고 합시다. 이때 최상위 <html> 태그에 CSS로 스타일을 적용하면 CSS 속성은 순차적으로 <html> 태그와 부모-자식 관계인 <body>, <h1> 태그에 상속됩니다

그림 3-5 상속의 개념

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.