CSS 개념

 

 

최근 개발되는 웹 표준 개방 방법론에 따르면

HTML은 문서의 구조, CSS는 스타일, JavaScript는 동작을 서로 분리합니다. 

그렇다면 웹의 스타일을 주는 CSS에 대해서 좀더 상세히 알아 보겠습니다. 

 

CSS개념 

CSS는  Cascading Style Sheets의 줄임말로 

HTML 요소들이 어떻게 화면에 표시할 것인지를 정의하는 시트합니다. 

 

HTML을 집 짓는 것으로 비유 하자면,

HTML은 집 짓는 것이고 CSS는 인테리어를 하는 것이라고 할 수 있습니다. 

같은 내용의 문서라도 스타일을 어떻게 꾸며주는지에 따라서 전혀 달라보이는 페이지가 됩니다. 

 

만약, 웹 문서를 HTML로만 구성한다면 우리가 평상시 웹 서핑에서 보는 페이지와는 달리

아주  밋밋한 페이지라고 할수 있겠습니다. 그 예시로 아래의 이미지를 살펴 보면 

왼쪽 이미지는 우리가 흔히 보는 네이버 페이지이고, 이 페이지의 무서 스타일을 삭제 하면, 

오른쪽 이미지처럼 보이게 됩니다. 

출처: HTML5 + CSS3 + JavaScript로 배우는 웹프로그래밍 기초 (천인국지음)

 

CSS로 웹문서에 글자그키 퐂트 종류, 배경색, 레이이웃등 스타일을 잘 주게 되면 훨씬 가독성이 좋은 페이지로 바뀌게 되고 나중에 JavaScript까지 주게되면 훨씬 사용하기 좋은 웹페이지로 보여지게 됩니다.