학습목표

• CSS 이해
• CSS 실습

CSS Cascading Style Sheets

• 웹 페이지 및 레이아웃 스타일을 정의하는 스타일시트 언어
• 같은 HTML 파일이라도 CSS에 따라 가독성 및 전달력의 차이 발생

CSS 적용 방법

• 외부 스타일 시트 : 외부에 CSS 파일을 생성후, HTML의 link 태그를 활용하여 불러오는 방식
• 내부 스타일 시트 : 외부 CSS 파일을 두지않고, HTML의 head 태그안에 포함된 style 태그 내부에 CSS를 배치하는 방식
• 인라인 스타일 : 태그내에 style요소를 직접 적용 시키는 방식

CSS 구조

• Selector : 특정 클래스, 태그, 아이디 등을 선택
• Property : 속성명으로 부여할 속성을 선언
• Value : 부여할 속성의 값을 선언
  

CSS 실습

• background-color 설정 및 text-align 설정
• h1 태그에 대한 색상 변경 및 위치 조정