Revision 1034184 of CSS

<p><strong>Cascading Style Sheets</strong> (<strong>CSS</strong>)는 <a href="/ko/docs/HTML" title="HyperText Markup Language">HTML</a>이나 <a href="/ko/docs/XML">XML</a>(<a href="/ko/docs/SVG">SVG</a>나 <a href="/ko/docs/XHTML">XHTML</a> 같은 XML 방언dialect 포함)로 작성된 문서의 표현을 기술하기 위해 쓰이는 <a href="/ko/docs/DOM/stylesheet">스타일시트</a> 언어입니다. CSS는 요소가 화면, 종이, 스피치나 다른 매체 상에 어떻게 렌더링되어야 하는 지를 기술합니다.</p>

<p>CSS는 <em>오픈 웹</em>의 핵심 언어 중 하나이고 표준화된 <a class="external" href="https://w3.org/Style/CSS/#specs">W3C 명세</a>(specification)가 있습니다. 레벨로 개발된, CSS1은 이제 안 쓰고, CSS2.1은 권고안(recommendation)이며 이제 더 작은 모듈로 나뉜 <a href="/ko/docs/CSS/CSS3" title="CSS3">CSS3</a>은 표준화 과정이 진행중입니다.</p>

<section id="sect1">
<ul class="card-grid">
 <li><span>CSS 레퍼런스</span>

  <p>CSS의 모든 속성(property)과 개념을 기술하는 노련한 웹 개발자를 위한 <a href="/ko/docs/Web/CSS/Reference">완전한 레퍼런스</a>.</p>
 </li>
 <li><span>CSS Tutorial</span>
  <p>시작하는 완전한 초보자를 돕는 <a href="/ko/docs/CSS/Getting_Started" title="Getting Started">단계별 입문서</a>. 필요한 기초를 모두 제공합니다.</p>
 </li>
 <li><span>CSS3 데모</span>
  <p>최신 CSS 기술을 실제로 보여주는 <a href="/ko/demos/tag/tech:css3">데모 모음</a>: 창의성 향상.</p>
 </li>
</ul>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Documentation_and_tutorials">문서와 tutorial</h2>

<dl>
 <dt>CSS 주요 개념</dt>
 <dd><a href="/ko/docs/CSS/Syntax">언어의 구문과 형식</a>을 기술하고 <a href="/ko/docs/CSS/Specificity">명시도(specificity)</a>, <a href="/ko/docs/CSS/inheritance">상속</a>, <a href="/ko/docs/CSS/box_model">박스 모델</a>, <a href="/ko/docs/CSS/margin_collapsing">마진 축소(collapsing)</a>, <a href="/ko/docs/CSS/Understanding_z-index/The_stacking_context" title="The stacking context">쌓임 문맥</a>, <a href="/ko/docs/CSS/block_formatting_context" title="block formatting context">블록 형식 문맥</a>나 <a href="/ko/docs/CSS/initial_value">초기값</a>, <a href="/ko/docs/CSS/computed_value">계산값</a>, <a href="/ko/docs/CSS/used_value">사용값</a>, <a href="/ko/docs/CSS/actual_value">실제값</a> 같은 기초를 소개합니다. <a href="/ko/docs/CSS/Shorthand_properties">CSS 단축 속성</a>같은 엔티티 또한 정의합니다.</dd>
 <dt><a href="/ko/docs/Web/Guide/CSS">CSS developer guide</a></dt>
 <dd>HTML 스타일링의 기초부터 당신의 콘텐츠를 빛나게 하는 여러 가지 CSS 테크닉까지 모든 것을 배울 수 있도록 돕는 글.</dd>
 <dt><a href="/ko/docs/Web/CSS/Common_CSS_Questions">Common CSS questions</a></dt>
 <dd>CSS에 관한 공통 질답.</dd>
</dl>
</div>

<div class="section">
<h2 class="Tools" id="CSS_개발_도구">CSS 개발 도구</h2>

<ul>
 <li>CSS가 유효한지 검사하는 <a class="external" href="https://jigsaw.w3.org/css-validator/">W3C CSS Validation 서비스</a>. <a href="https://www.onlinewebcheck.com/">OnlineWebCheck.com</a> 또한 같은 서비스입니다. 이들은 매우 유용한 디버깅 도구입니다.</li>
 <li><a href="/ko/docs/Tools">Firefox 개발자 도구</a>는 <a href="/ko/docs/Tools/Page_Inspector">검사기</a>와 <a href="/ko/docs/Tools/Style_Editor">스타일 편집기</a> 도구를 통해 페이지의 실시간 CSS 보기와 편집을 허용합니다.</li>
 <li>보던 사이트의 실시간 CSS 편집을 허용하는 유명한 Firefox용 <a class="link-https" href="https://addons.mozilla.org/ko/firefox/addon/1843">Firebug 확장기능</a>. 이 확장기능은 더 많은 일을 하지만, 약간의 변경사항을 테스트하기에 매우 실용적.</li>
 <li>Firefox용 <a class="link-https" href="https://addons.mozilla.org/ko/firefox/addon/60">Web Developer 확장기능</a> 또한 보던 사이트 상의 실시간 CSS 보기와 편집 허용. 비록 덜 강력하지만 Firebug보다 더 간단.</li>
 <li><a href="/ko/docs/Web/CSS/Tools">기타 CSS 도구.</a></li>
</ul>
</div>
</div>
</section>

<h2 id="참조">참조</h2>

<ul>
 <li>Mozilla의 <a href="/ko/Learn/CSS">CSS 배우기</a></li>
 <li>CSS가 흔히 적용되는 웹 언어: <a href="/ko/docs/HTML">HTML</a>, <a href="/ko/docs/SVG">SVG</a>, <a href="/ko/docs/XHTML">XHTML</a>과 <a href="/ko/docs/XML">XML</a>.</li>
 <li>CSS를 광범위하게 사용하는 Mozilla 기술: <a href="/ko/docs/Mozilla/Tech/XUL">XUL</a>, <a href="/ko/Firefox">Firefox</a>, <a href="/ko/docs/Mozilla/Thunderbird">Thunderbird</a> <a href="/ko/docs/Extensions">확장기능</a>과 <a href="/ko/Add-ons/Themes">테마</a>.</li>
</ul>

<p>{{CommunityBox("Web layout", "dev-tech-layout", "mozilla.dev.tech.layout", "", "Stack Overflow|https://stackoverflow.com/questions/tagged/css|CSS topics|Visit Stack Overflow, a collaboratively built and maintained Q&amp;A site. See if you can find an answer; if not, you can ask your question there.||CSS-Discuss|https://www.css-discuss.org/|CSS-Discuss mailing list|Join the css-discuss mailing list, which is dedicated to discussing practical, real-world use of CSS.")}}</p>