CSS Introduction

What is CSS?

• CSS stands for Cascading Style Sheets
• CSS describes how HTML elements are to be displayed on screen, paper, or in other media
• CSS saves a lot of work. It can control the layout of multiple web pages all at once
• External stylesheets are stored in CSS files

CSS란 무엇일까?

CSS Cascading Style Sheets 를 나타낸다.

CSS는 HTML의 요소들이 스크린, 페이퍼, 다른 미디어에서 어떻게 보여줘야되는지 설명한다.

CSS는 많은 일을 덜어준다. 이것은 많은 웹페이지의 레이아웃을 한번에 제어하고 있다.

외부 스타일시트는 CSS파일로 저장되어진다.

CSS Demo - One HTML Page - Multiple Styles!

Here we will show one HTML page displayed with four different stylesheets. Click on the "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" links below to see the different styles:

CSS 연습 - 한 HTML 페이지 - 멀티플 스타일

여기 하나의 다른 4개의 스타일시트를 가지고 있는  HTML페이지를 보여줄게.아래의 다른 스타일시트를 보기 위해 Stylesheet 1,Stylesheet 2.Stylesheet 3,Stylesheet 4를 클릭해봐 

Why Use CSS?

CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes. 

왜 CSS를 사용할까?

CSS는 너의 다른 디바이스 그리고 각각의 스크린사이즈에 맞는 웹페이지에서 스타일을 묘사하기 위해 디자인 또는 레이아웃과 변화를 포함하기 위해서 사용되지.

CSS Solved a Big Problem

HTML was NEVER intended to contain tags for formatting a web page!

HTML was created to describe the content of a web page, like:

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

When tags like <font>, and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large websites, where fonts and color information were added to every single page, became a long and expensive process.

To solve this problem, the World Wide Web Consortium (W3C) created CSS.

CSS removed the style formatting from the HTML page!

CSS는 커다란 문제를 해결한다.

HTML은 결코 웹페이지 형태를 위한 태그를 포함하려고 하는 의도가 없어.

HTML은 웹페이지의 내용을 묘사하기 위해서 생산되었지.

다음과 같이

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

<font>와 같은 태그 혹은 색깔속성이 추가됬던 HTML3.2스페에선 웹개발자들에겐 악몽의 시작이었어.

커다란 웹페이지를 개발할때 폰트 그리고 색깔 정보는 항상 모든 페이지에 추가되있었지. 커다랗고 비싼 처리가 포함되었고.

이러한 문제를 풀기위해 W3C는 CSS를 만들었지

CSS는 HTML page에서 스타일 포맷팅을 제거했지.

CSS Saves a Lot of Work!

The style definitions are normally saved in external .css files.

With an external stylesheet file, you can change the look of an entire website by changing just one file!

CSS는 많은 일을 덜어주지.

이 스타일의 정의는 평범하게 CSS파일로 외부에 저장되지.

외부 스타일시트 파일로 인해 너는 전체 웹사이트의 외관을 단 하나의 파일을 변경함으로써 바꿀수 있지.