[CSS 기본 개념] CSS 안? / CSS 사용하기

1. CSS

-HTML을 꾸며주는 언어

-정보(HTML)과 디자인(CSS)를 분리할 수 있다.

-정보를 수정하지 않고 디자인만 변경할 수 있다.

- 표현방식

 

1.1   HTML에서 CSS 사용하기

1) HTML태그내에 스타일 지정(Inline 방식)

-엘리먼트에 스타일을 직접 기술하는 방식

-CSS 선언이 분명해서 style tag 방식에 비해 엘리먼트에 영향을 주고 있는 CSS를 추적하기가

 쉽다.

-하지만 내용과 스타일의 분리 그리고 이로 인한 스타일 일괄변경의 효율성 측면으로 볼 때는 바람직하지

 않는 방법

2) 내부 스타일 시트(Internal 방식)

-style 태그에 <style type="text/css">를 기술하여 사용하는 방식

-inline 방식 대비 경제적으로 코딩할 수 있다.

3) 외부 스타일 시트(External 방식)

-CSS를 별도의 파일로 분리해서 HTML 문서에 연결하여 사용하는 방법

-문법적으로는 style tag와 동일

-파일의 교체로 디자인을 변경할 수 있다는 점에서 유지보수가 편리하다.

-반면 외부 스타일 시트 파일을 계속적으로 관리해주면서 HTML 문서를 만들어 나가야 하기에 불편한 경우도

있다.