스타일 상속
여러 태그들은 서로 포함 관계가 있다.
포함하는 태그를 부모 요소라 하고, 포함된 태그를 자식 요소라고 한다.
자식요소에 별도로 스타일을 지정하지 않으면 부모요소에 있는 스타일의 속성이 자식요소로 전달 되는데 이것을 '스타일 상속' 이라고 한다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>스타일 상속</title>
<style>
* {
margin: 0;
padding: 0;
}
body { /* body태그에 폰트와 색상을 지정했지만 그 자식 태그들인 h1, ul, li 태그들 모두 적용됨 */
font-family: '돋움';
color: red;
}
</style>
</head>
<body>
<h1>디자인 과정</h1>
<ul>
<li>웹학과</li>
<li>편집디자인학과</li>
<li>CG학과</li>
<li>모션영상학과</li>
<li>건축인테리어학과</li>
<li>기계학과</li>
</ul>
</body>
</html>
