티스토리 뷰

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>
저작자표시 (새창열림)

'JAVA' 카테고리의 다른 글

CSS 주요 속성  (1) 2023.10.07
캐스케이딩  (0) 2023.10.07
CSS 선택자  (0) 2023.10.07
css 연동 방법  (1) 2023.10.07
CSS  (0) 2023.10.04
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함