CSS속성의 상속

부모 태그 <header> <footer>의 CSS 속성은 자식 태그 <h1> <p>가 상속 받습니다.

반대로 자식 태그의 CSS 속성은 부모 태그에 영향을 미치지 않습니다.

각 태그의 속성값을 바꿔보며 CSS 속성의 상속에 대해 알아봅시다!

<body> 태그 안에 <header> 태그와 <footer> 태그를 입력합니다. 두 태그는 <h2> 태그와 <p> 태그를 자식 태그로 갖습니다.
<style> 태그 안에서 부모 태그와 자식 태그의 CSS 속성을 설정해보며, 속성의 상속에 대해 알아봅니다.

<!DOCTYPE html>

<html>

<head>

<style>

header h2{color: blue;}

header p{color: red;}

footer p{color: green;}

</style>

</head>

<body>

<h2>header h2</h2>

<p>header p</p>

</header>

<h2>footer h2</h2>

<p>footer p</p>

</body>

</html>

일기장이에요