JAVA

CSS 속성의 상속

코린이도이 2023. 10. 7. 14:15
  1. <body> 태그 안에 <header> 태그와 <footer> 태그를 입력합니다. 두 태그는 <h2> 태그와 <p> 태그를 자식 태그로 갖습니다.
  2. <style> 태그 안에서 부모 태그와 자식 태그의 CSS 속성을 설정해보며, 속성의 상속에 대해 알아봅니다.
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    <title>CSS 속성의 상속</title>
    
    <style>
    	header {
        	color:red;
        }
        header h2{
        	color:blue;
        }
        footer p{
        	color:green;
        }
    </style>
</head>
<body>
	<header>
    	<h2>header h2</h2>
        <p>header p</p>
    </header>
    <footer>
    	<h2>footer h2</h2>
        <p>footer h2</p>
    </footer>
</body>
</html>
저작자표시 (새창열림)