CSS

html태그를 꾸며주는 스타일 언어

Cascading Style Sheets의 약자로 cascading은 폭포수처럼 이어지는 연속적이라는 뜻이다. (스타일이 위에서 아래로 계층적으로 적용되는 방식을 뜻한다.)

스타일 적용 방법 3가지

태그를 스타일링 하는 방법으로는 3가지 방법이 있다.

1. 인라인 스타일(inline style / element-style) : 태그의 시작태그 부분에 style속성을 사용하여 스타일을 직접 지정하는 방식
2. 내부 스타일 시트 방식 : html 파일의 head 부분에 style 태그를 사용하여 스타일을 지정하는 방식
3. 외부 스타일 시트 방식 : html 파일의 외부에 따로 css파일을 만들어서 연결하는 방식

보통 3번 외부 스타일 시트 방식으로 작업을 한다.

인라인 스타일 시트 방식의 단점

• 시작 태그에 style 속성을 사용하여 입력하는 방식이기 때문에, 동시에 일괄 수정이 불가능하다.

내부 스타일 시트 방식의 단점

• html파일의 head 부분에 style코드가 들어있기 때문에 동시에 여러 페이지의 일괄 수정이 불가능하다.

CSS 기본 문법

선택자{스타일속성1:스타일속성1값; 스타일속성2:스타일속성2값;}

css는 선택자를 통해 태그를 선택하고 난 후 중괄호 안의 스타일을 적용한다. 라고 해석한다.