CSS란
CSS는 HTML과 함께 마크업 언어에 속한다. HTML이 요소들의 구조와 그 안의 콘텐츠를 정의한다면, CSS는 그것을 어떻게 꾸밀지를 정의한다.
작성 구조
기본적으로
이름 {
내용1;
내용2;
내용3;
}의 형식을 따른다. 이때, 중괄호 안의 각 줄은 끝남을 ;로 표시해야 한다.
하지만 자바스크립트에서 ;을 줄 마지막에 쓰지 않는 경우는 다소 일관적이지가 않다. 위의 예에서도 중괄호가 닫히는 줄에서는 ;를 쓰지 않는다.
더 오래된 언어인 C는 ;을 쓰지 않는 경우가 이보다 일관적이다. 이를 먼저 알아두면 자바스크립트에서 언제 ;을 쓰지 않는지를 보다 쉽게 이해할 수 있을 것이다.
C에서 줄 마지막에 ;을 쓰지 않는 경우
1. Preprocessor directives (starting with #)
- #include <header.h>
- #define CONSTANT value
2. Definitions with curly braces {}
- Function definitions
- Struct/union/enum definitions
3. Compound statements/control structures
- if/else blocks
- while/for/do-while loops
- switch statements
세 종류의 CSS: tag, class, id
CSS는 태그, 클래스, id를 기준으로 정의할 수 있다. 뒤로 갈 수록 적용 범위가 적어지기에 우선순위가 높아진다. 구체적 용례는 아래와 같다.
