WEB Archive

[HTML] CSS - id를 선택자로 활용해보기

universedevelope 2024. 8. 20. 14:20
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test004.html</title>
<style type="text/css">
	#a001 {color: red; font-family: 굴림; font-size: 20pt;}
	#a002 {color: black; font-family: 궁서체; font-size: 15pt;}
	#a003 {color: aqua; font-family: 맑은 고딕; font-size: 10pt;}
</style>

</head>
<body>

<div>
	<h1>id를 선택자로 활용</h1>
	<hr>
</div>

<div id="a001">id 선택자를 활용하는 실습입니다.</div>
<p id="a002">id를 선택자로 활용하는 경우 id앞에 우물정(#) 표시를 해야 한다.</p>
<p id="a003">id는 class 와 유사하게 활용되지만, 페이지 내에서 유일하게 구성해야 한다.</p>

</body>
</html>

id는 # 표시로 인식됩니다.

id는 유일하게 부여해줘야됀대요~!!

728x90