Index

1. selector를 하나만 사용하는 경우

1.1 전체 선택자

전체 선택자를 통해서 모든 HTML 요소에 접근을 할 수 있습니다. 이를 통해 문서 전체에 공통적으로 기본값을 지정할 수 있습니다. 전체 선택자는 * 을 사용하여 나타냅니다.

* {
    margin: 0 auto;
}

1.2 태그 선택자

태그 선택자는 태그 이름 을 사용하여 나타냅니다. 해당 태그의 이름에 해당하는 모든 태그에 속성을 적용합니다.

p {
    color: red;
}

1.3 클래스 선택자

클래스 선택자는 .클래스 이름 을 사용하여 나타냅니다. 태그 선택자와 마찬가지로 클래스가 클래스 이름과 같은 태그에 속성을 적용합니다.

.ClassName {
    width: 100px;
}

1.4 ID 선택자

ID 선택자는 #아이디 이름 을 사용하여 나타냅니다. 위와 동일하게 id 가 id 이름과 같은 태그에 속성을 적용합니다.

#IdName {
    position: fixed;
}