2 CSS 구성 요소와 연동 방법

CSS는 다음과 같이 디자인을 적용할 HTML 영역, 속성, 속성값으로 구성되어 있습니다.

디자인을 적용할 HTML 영역 { 속성: 속성값; }

디자인을 적용할 HTML 영역을 선택하고 중괄호({}) 안에 어떤 디자인을 적용할지 속성과 속성값을 지정한 후 세미콜론(;)으로 마무리합니다. 세미콜론은 CSS 문장에서 마침표(.) 역할을 합니다.

예를 들어 가방 디자인을 CSS 코드로 작성하면 다음과 같이 정리할 수 있습니다.

가방 { 너비: 30cm; 높이: 20cm; 색상: 빨간색; }

HTML 문서에 입력된 정보나 공간에 CSS 디자인 효과를 적용하려면 다음 세 가지 방법 중 하나를 선택합니다.

■ 인터널 방식: HTML 문서 안에 <style> 태그를 사용하여 적용하는 방식

■ 인라인 방식: HTML 태그 안에 style 속성을 사용하여 적용하는 방식

■ 익스터널 방식: CSS 파일을 생성하여 HTML 문서와 연동시키는 방식