강의_5장_CSS 기초.pdf

1. 스타일과 스타일 시트

• 스타일(style): HTML 문서에서 자주 사용하는 글꼴이나 색상, 정렬, 각 요소들의 배치 방법 등 문서의 겉모습을 결정짓는 내용들
• 스타일 시트(style sheet): 스타일을 관리하기 쉽도록 한 군데 모아놓은 것
• 내용은 건들지 않고 디자인만 바꿀 수 있다.

2. 스타일과 스타일 시트(2)

(1) 스타일 형식

p {text-align:center;} 

• 선택자 : { 와 } 사이에 정의한 스타일 규칙이 적용될 대상.
• 속성과 속성 값 : ‘속성 : 속성 값’과 같은 형식으로 함께 표시하며, 속성, 속성 값 쌍이 여럿일 경우에 세미콜론(;) 으로 구분

(2) 스타일을 표기하는 방법

h2{font-size:20px; color:orange;}
h2{
	font-size:20px; color:orange;
}

(3) 주석

/* 여기 안이 주석입니다. */

(4) 내부 스타일 시트