[CSS] CSS 기초

1. . (점):
클래스 선택자를 나타냅니다. 예를 들어, .schedule은 class="schedule"인 모든 HTML 요소에 스타일을 적용합니다.

.schedule {
    /* 클래스가 schedule인 요소에 스타일 적용 */
    width: 30%;
    padding: 20px;
    /* 기타 스타일 */
}

2. # (샵):
아이디 선택자를 나타냅니다. #map_div는 id="map_div"인 특정 HTML 요소에 스타일을 적용합니다. 아이디는 한 페이지 내에서 고유해야 하며, 한 번만 사용됩니다.

#map_div {
    /* 아이디가 map_div인 요소에 스타일 적용 */
    width: 400px;
    height: 500px;
    /* 기타 스타일 */
}

3. 아무것도 붙지 않은 경우:
태그 선택자를 나타내며, 해당 태그에 해당하는 모든 HTML 요소에 스타일을 적용합니다. 예를 들어, table은 페이지의 모든

table {
    /* 모든 table 요소에 스타일 적용 */
    width: 100%;
    border-collapse: collapse;
}

요약
.: 클래스 선택자 (.class-name)
#: 아이디 선택자 (#id-name)
아무것도 안 붙은 경우: 태그 선택자 (element-name)