CSS 코스

id,class 선택자

개요

태그에서 설정한 idclass 속성에 따라 스타일을 지정합니다.
참고: HTML 태그의 속성

id 에 줄 경우 아래처럼 #을 맨 앞에 붙여 사용하며, 원칙적으로 하나의 객체에만 적용할 수 있습니다.

#아이디{ 속성1:속성값; 속성2:속성값; } 

class에 줄 경우 아래처럼 .을 맨 앞에 붙여 사용하며, 여러 객체에 적용할 수 있습니다.

.클래스명{ 속성1:속성값; 속성2:속성값 }

사용법

#m_box{ width:500px; height:300px; }
.box{ background-color:blue; }

예제

<html>
<head>
<style>
	#m_box{ background-color: #09C; width: 150px; height: 40px; }
	.box{ width: 100px; height: 50px; border: 1px solid green }
</style>
</head>
<body>
	<div class="box">box 클래스</div>
	<div class="box">box 클래스</div>
	<div id="m_box">m_box 아이디</div>
</body>
</html>