[ CSS 입문 ] id, class 선택자

728x90

| 개요

태그에서 미리 지정해둔 id나 class 속성에 따라 스타일을 지정할 수 있습니다.

id에 스타일을 줄 경우 아래 처럼 #을 맨 앞에 붙여 사용하며, 원칙적으로 id값이 부여된 한개의 객체에만 적용할 수 있습니다.

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

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

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

#box_line{ width:100px; height:100px; border:1px solid red;  }
.box_bg{ width:200px; height:100px; background-color:blue; }

<html>
<body>
   <div class="box_bg">box_bg클래스</div>
   <div class="box_bg">box_bg클래스</div>
   <div id="box_line">box_line아이디</div>
</body>
</html>

box_bg클래스

box_line아이디

728x90