40일차[HTML/CSS] (1)-ID,CLASS 선택자

class선택자

class선택자는 태그에 이름을 지정해서 html태그에 css문법을 적용할 수 있습니다.

class 선택자 사용방법

class선택자는 html에 class=”클래스명”으로 클래스의 이름을 지정해줄 수 있습니다.

이렇게 설정한 클래스를 css에서. 클래스명으로 사용할 수 있습니다.

[html태그]

<div class="gAttr"></div>

[css]

.gAttr{
	color:red;
}

id 선택자

id선택자는 id=”id명”으로 id명을 정할 수 있습니다.

css에서는 #아이디명 으로 불러올 수 있습니다.

id명은 클래스명과 다르게 원칙적으로는 페이지 내에서 한 번만 사용할 수 있습니다.

[HTML]

<div id="idAttr">id선택자</div>

[CSS]

				#idAttr{
            color: blue;

        }

실행 결과