1 부모 자식 간의 CSS 상속
HTML은 필연적으로 태그가 태그를 포함하는 구조인데, 이러한 구조를 부모-자식 관계라고 합니다. 예제 코드를 보면 <header> 태그 안에 <h1>과 <p> 태그가 포함되어 있습니다. 여기서 상위에 있는 <header> 태그를 ‘부모’라고 하고, 하위에 있는 <h1>과 <p> 태그를 ‘자식’이라고 합니다. 그리고 <h1>과 <p> 태그를 서로 ‘형제’라고 표현합니다.
예제 소스 Exercise/5장/1_inheritance/index.html
<!DOCTYPE html> <html> <head>……</head> <body> <header> <h1>header h1</h1> <p>header p</p> </header> </body> </html>