티스토리 뷰

Web(국비)/HTML & CSS

CSS - 상속성

Xion 2019. 10. 16. 15:20
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<style type="text/css">
	p{color:blue; ,font-size:20pt;}

</style>

</head>
<body>
	<div>
	
		<h1>스타일 시트의 상속성</h1>
	
	</div>
	
	<div>
	
		<p>스타일 시트는<b>상속성</b>을가지고 있따 </p>
			<!-- b는 p 의 하위객체이므로 상속받는다.-->
	</div>
</body>
</html>

b태그안에 style을 설정해주면 가까운것에 영향받아 b가 덮어진다.

ex) <b style="font-size:italic; color:red " > 

->상속성이 RED색으로 바뀜.