내부 스타일시트와 선택자

개발자노트/웹

내부 스타일시트와 선택자

hansummer 2022. 7. 22. 00:47

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>내부 스타일시트</title>
<style>
	* {       /* 전체선택자* , css 주석은 이렇게 */
		color: blue;
	}
	
	.red {
		color: red;
	}
	.blue{
		color: blue;
	}
	.bold {
		font-weight: bold;
	}
	
</style> <!-- CSS에는 우선순위가 있다!  -->



</head>
<body>

<h1>제목</h1>
<p class="bold blue">Lorem ipsum dolor sit amet, consectetur adipisicing elit,</p>
<p class="red">incididunt ut labore et dolore</p>
<p class="blue">deserunt mollit anim id est lab</p>
</body>
</html>