CSS란 무엇인가요?

안녕하세요.

이 과정에서는 웹 페이지의 시각적 표현을 향상해 주는 소프트웨어 언어인 CSS를 배웁니다.

HTML에 익숙하지 않다면 먼저 HTML 시작하기 과정을 완료해 주세요. 

HTML을 이미 알고 있다고 생각한다면 시작해 보겠습니다.

이 과정에서는 CSS가 필요한 이유를 배웁니다.

먼저 CSS를 배우면서 가장 먼저 떠올랐던 질문을 해 보겠습니다.

HTML로 할 수 없는 일을 왜 별도의 언어로 배워야 할까요?

먼저 HTML이 하는 일을 떠올려 보겠습니다. 

HTML은 웹 페이지에 있는 데이터(텍스트, 이미지, 수식 등)를 사용자에게 더 정확하게 표현하기 위해 사용하는 언어입니다.

예를 들어, 공책에 글을 쓰고 있다고 생각해 보겠습니다. 

글에서 마침표, 쉼표 및 기타 문장 부호를 없애면 글을 읽는 사람에게 전달하려는 내용을 잘못 전달할 수 있습니다.

웹 페이지에서 사용자에게 전달하려는 정보를 더 명확하게 표현하기 위해 사용하는 HTML 태그도 있습니다.

웹 페이지는 HTML 문서이며, 브라우저는 페이지를 실행하기 위해 HTML 문서를 찾습니다. 따라서 HTML 문서를 웹 페이지의 기반이라고 생각할 수 있습니다.

그렇다면 CSS는 어떤 역할을 할까요?

CSS는 우리가 가진 데이터를 표현할 때 HTML만으로는 부족한 시각적 표현을 제공하기 위해 개발된 기술입니다.

다른 비유로 생각해 보겠습니다. 집을 짓고 있다고 상상해 보세요. 집의 주된 역할은 그곳에 살 사람들에게 보금자리를 제공하는 것입니다. 이것이 HTML이 하는 일입니다.

웹 페이지의 주된 목적은 브라우저에서 해당 페이지를 여는 사람들에게 정보를 제공하는 것입니다. CSS는 집의 외벽을 칠하고, 집을 장식하며, 창문을 적절한 위치에 배치하는 기술입니다.

이상적인 웹 페이지에 CSS가 없더라도(예: Wikipedia), 데이터를 담고 있는 HTML이 기본적인 역할을 수행합니다. 하지만 CSS는 HTML이 이 데이터를 사용자에게 더 의미 있고 보기 좋은 방식으로 보여 주도록 도와줍니다.

위 이미지는 스타일이 비활성화된 wikipedia.com 사이트의 화면입니다. 

다시 말해, HTML 언어만 사용해도 방문자에게 위와 같은 결과를 보여 줄 수 있습니다.

이제 CSS 코드를 다시 활성화한 결과를 살펴보겠습니다.

보시다시피 사이트에 표시되는 데이터는 바뀌지 않지만, CSS를 사용하면 사이트가 사용자에게 더 친화적으로 보입니다.

현재 CSS 버전인 CSS3를 통해 다양한 시각적 기능을 갖추게 되었습니다.

CSS가 무엇인지 배웠습니다. 다음 섹션으로 넘어가기 전에

CSS에 대해 가장 자주 묻는 질문을 살펴보겠습니다.

CSS(Cascading Style Sheets)는 언제부터 사용되었나요?

CSS는 1996년부터 사용된 기술입니다.

CSS를 사용하지 않고 웹 페이지를 만들 수 있나요?

네, 만들 수 있습니다. 하지만 아마도 사용자가 아무도 들어오지 않을 만큼 보기 좋지 않을 것입니다. CSS가 없으면 웹 페이지를 문자 그대로 웹 페이지라고 부르기 어렵습니다.

Facebook, Google, Amazon과 같은 주요 웹 앱도 CSS를 사용하나요?

네. 이러한 사이트뿐만 아니라 브라우저에서 여는 모든 웹 페이지가 CSS를 사용합니다.

CSS를 배우는 것은 어려운가요?

CSS는 배우기 쉽습니다. 영어로 말하듯 코드를 작성하게 됩니다. 하지만 몇 가지 사소한 부분은 소프트웨어 개발자들도 어려워하는 경우가 많습니다. 

예를 들어 페이지에서 블록을 배치하는 방법이 있습니다. 이러한 문제와 비슷한 문제들을 중점적으로 다루겠습니다. 과정을 마칠 때쯤에는 여러분이 반드시 CSS를 익히게 될 것입니다.

CSS를 배울 때 따라야 할 조언이 있나요?

네. 많이 연습하면 CSS를 매우 빠르게 배울 수 있습니다.

축하합니다. 🥳🥳🥳

CSS란 무엇인가 레슨을 완료하셨습니다.

다음 섹션에서는 CSS 소개를 학습합니다.

계속하려면 다음 섹션을 클릭하시면 됩니다.