We want to help developers like you. Tell us about how you work: http://qsurvey.mozilla.com/s3/Developer-Audience-Survey-V2/?s=mdn

CSS 개발자 안내서

Cascading Style Sheets (CSS)는 HTML, 혹은 SVG와 같은 다른 마크업 언어로 작성된 문서를 어떻게 표현할 것인지 기술하는 언어입니다. CSS는 문서의 구조화된 요소들이 스크린, 출력물, 음성, 그리고 그 이외의 미디어에서 어떻게 그려지게 될 것인지 기술합니다. 출력 대상에 따라서 문서의 표현을 조정할 수 있는 능력이 바로 CSS의 주요 기능이죠.

CSS는 오픈 웹의 핵심 언어 중 하나이며, W3C 규격으로 표준화되었습니다.

Documentation

Block formatting context
개요
CSS media queries
media query는 media type과 적어도 하나 이상의 expression으로 구성되는데 width, height, 그리고 color와 같은 media feature들을 이용한 expression을 통해 style sheet들의 적용 범위를 한정할 수 있다. Media query는 
CSS 트랜지션 사용하기
CSS3 스펙 꾸러미의 일부인 CSS 트랜지션(transitions)은 CSS 속성을 변경할 때 애니메이션 속도를 조절하는 방법을 제공합니다. 속성 변경이 즉시 영향을 미치게 하는 대신, 그 속성의 변화가 일정 기간에 걸쳐 일어나도록 할 수 있습니다. 예를 들어, 여러분이 어떤 요소의 색상을 흰색에서 검은색으로 변경한다면, 변화는 대개 즉시 일어납니다. 
CSS3 Columns
라인이 너무 길면 독자들은 읽는 데 어려움을 갖게 됩니다. 즉, 한 라인의 끝에서 다음 라인의 처음으로 눈을 움직이는데 너무 오랜 시간이 걸리게 되면, 독자는 자신이 읽고있던 라인을 놓치게 되는 것입니다. 따라서 넓은 화면의 잇점을 최대화 하기 위해서 작가는, 신문에서 처럼, 일정한 폭의 컬럼을 나란히 배치해야만 합니다. 불행하게도 CSS 와 HTML으론 컬럼의 단락(break)을 지정된 지점에서만 가능하게 하거나, 아니면 텍스트에 하용되는 마크업을 과도하게 한정시키거나, 아니면 굉장히 강력한 스크립트를 사용하지 않고 서 이를 실현하는 것이 불가능합니다.

Community

Join the CSS community on our mailing list or newsgroup:

These topics may also be of interest:

Consistent List Indentation
Summary: Trying to change the indentation of lists with CSS is trickier than it looks, but only because CSS-conformant browsers took different paths to default indentation. Find out how to get them all in line. 한글
Visual formatting model
CSS 비주얼 서식 모델은 문서를 처리하거나 시각 매체에서 나타내는데 사용되는 알고리즘입니다. 이것이 CSS의 기본 개념입니다. 비주얼 서식 모델은 문서의 각 요소들을 변환하거나 CSS박스 모델을 따르는 0개, 1개 아니면 여러개의 박스들을 생성할 것입니다.  각 박스의 레이아웃들은 다음과 같이 정의 될 것입니다:

문서 태그 및 공헌자

태그: 
 Contributors to this page: stephenjang, mooyoul, Sheppy
 최종 변경: stephenjang,