CSS 기본 문법 및 사용 방법

CSS 기본 문법

• 선택자 { 속성명: 속성값; }
  - 선택자 : 어떤 요소에 스타일을 적용할지에 대한 정보
  - { } : 선택한 요소에 적용할 스타일을 정의하는 영역
  - 속성명 : 어떤 스타일을 정의하고 싶은지에 대한 정보(색상, 크기)
  - 속성값 : 어떻게 정의하는지에 대한 정보

HTML에 CSS를 적용하기

• 인라인 스타일 : 태그에 직접 기술
  - 태그 내에 style 속성을 추가해서 스타일 정의
  - 비추천

• 스타일 태그 : 스타일시트를 위한 태그를 추가하여 기술
  - HTML 문서에서 style 태그를 추가해서 그 안에 CSS 코드 작성

• 문서 간의 연결 : 스타일시트 문서를 따로 작성하여 HTML 문서와 연결
  - link 태그로 확장자가 .css인 스타일시트 파일을 연결
  - link 태그는 HTML의 head 태그 내부에서 사용
  - href 속성 : 연결하려는 외부 소스의 URL을 기술
  - rel 속성 : 현재 문서와 외부 소스의 연관 관계를 기술

출처 : 유노코딩, 입문자를 위한 CSS 기초 강의