CSS 배워보기 'CSS3의 개요'

 

 

 

CSS3의 개요

 

1. CSS란?

CSS는 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트이며, CSS를 적용하면 웹 페이지의 한 가지 요소만 변경해도 전체 페이지의 내용이 한꺼번에 변경할 수 있다. 그리고 기존 태그로 콘텐츠를 보여주는 방식을 재정의 하여 HTML의 기능을 개선하는 별도의 스타일시트 언어이다.

 

2. CSS의 장점

CSS의 장점으로는 작은 용량, 이해하기 쉬운 구조, Table 코딩에 비해 보통 50%정도 코드 절약이 가능하며, 디자인과 웹 구조의 완벽한 분리가 가능하다. 또한 웹 표준에 맞는 사이트 제작을 할 수 있다.

 

 

3. CSS의 동작 방식

① 방문자가 주소창에 주소를 입력하거나 링크를 클릭하여 웹 페이지 열기

② 서버는 HTML 파일과 연결되거나 HTML 파일에 포함된 다른 파일과 함께 HTML 파일을 방문자의 컴퓨터로 전송

③ CSS 코드의 위치와 상관없이 방문자의 브라우저는 CSS를 해석하고 이를 HTML에 적용

④ 브라우저는 렌더링 엔진을 사용해 웹 페이지를 렌더링하고 이를 브라우저 창에 출력

 

 

4. CSS3와 CSS?의 차이점

1) CSS1

W3C는 1996년에 첫 번째 CSS 공식 버전 발표를 했다. 기능으로는 텍스트 서식, 폰트 설정, 마진 설정 같은 CSS와 관련한 핵심 기능이 포함 되어 있으며, 넷스케이프4, 인터넷 익스플로러 3, 4에서 지원한다.

 

2) CSS2

1998년에 발표되었으며 현대 브라우저에서 가장 많이 채택되어 사용되고 있다. 그리고 앞 버전의 모든 속성을 포함하고 국제적인 접근성 및 미디어 관련 CSS를 지정하는데 초점을 두었으며, 2006년에 CSS2.1 수정 버전 발표했다.

 

3) CSS3

모든 명세를 포함한 단일 형태의 CSS3는 존재하지 않는다. 한 번에 전체 명세를 발표하는 대신 일련의 모듈로 명세를 분할 했으며, 각 모듈은 각자 별도의 개발 일정을 가지고 개발을 진행 하고 있다.