CSS : 구문의 기본 구조
트게더를 디자인하고 CFT 가이드를 원활하게 읽기 위한 CSS의 구조(문법)입니다.
각 성분에 대한 자세한 설명은 MDN 문서 : 구문을 참조하세요.
① 선택자 : 페이지의 특정 요소를 선택(타겟으로 설정)하기 위해 사용됩니다.
② 속성 : 어떤 스타일을 변경할지 나타냅니다.
③ 값 : 스타일을 어떻게(얼마나) 변경할지 나타냅니다.
④ 선언 : 속성과 값의 결합(②+③)입니다. 속성과 값은 콜론으로 연결되며 선언을 종결할 때는 세미콜론을 붙입니다.
∴ 콜론이 필요한 이유 = 속성과 값을 구분 → 속성에 대응되는 값을 표현
⑤ 선언 블록 : 한 룰셋 안에서 모든 선언의 집합(④+④+...)입니다. 선언들은 세미콜론으로 구분되며 이들을 중괄호로 묶습니다.
∴ 세미콜론이 필요한 이유 = 선언과 (다음)선언을 구분
∴ 선언 블록 속 마지막 선언에는 세미콜론을 생략해도 되는 이유 = 선언과 (다음)선언을 구분할 필요가 없기 때문
⑥ 룰셋(=규칙집합) : 선택자와 선언 블록의 결합(①+⑤)입니다.
∴ 중괄호가 필요한 이유 = 선택자와 선언 블록을 구분 → 선택자에 대응되는 선언 블록을 표현
댓글 0개 ▼