Revision 1017810 of CSS

<div class="callout-box"><strong><a href="/ko/CSS/시작하기">CSS 시작하기</a></strong><br />
CSS를 시작하려는 이를 위한 입문서.</div>

<div><strong>Cascading Style Sheets</strong> (<strong>CSS</strong>)는 <a href="ko/HTML">HTML</a>이나 <a href="ko/XML">XML</a>(<a href="ko/XHTML">XHTML</a>이나 <a href="ko/SVG">SVG</a> 같은 다양한 XML 언어 포함)로 쓰인 문서의 표현을 기술하기 위해 사용되는 스타일시트 언어입니다. Mozilla Suite, Firefox나 Thunderbird 같은 <a href="ko/XUL">XUL</a> 기반 제품에서는 응용프로그램의 UI를 위해서도 쓰입니다. 예를 들어, <a href="ko/Themes">테마</a>는 응용 프로그램의 스킨을 만들기 위해 CSS를 많이 사용합니다. CSS는 <a class="external" href="https://w3.org/Style/CSS/#specs">W3C 명세</a>입니다.</div>

<table class="topicpage-table">
 <tbody>
  <tr>
   <td>
    <h4 id=".EB.AC.B8.EC.84.9C" name=".EB.AC.B8.EC.84.9C"><a href="Special:Tags?tag=CSS&amp;language=ko">문서</a></h4>

    <dl>
     <dt><a href="ko/CSS_Reference">CSS 레퍼런스</a></dt>
     <dd><small>CSS와 Mozilla <a href="ko/CSS_Reference/Mozilla_Extensions">확장</a> 레퍼런스.</small></dd>
    </dl>

    <dl>
     <dt><a href="ko/Writing_Efficient_CSS">효율적인 CSS 작성하기</a></dt>
     <dd><small>Mozilla UI용으로 사용하기 위한 효율적인 CSS 작성 가이드.</small></dd>
    </dl>

    <dl>
     <dt><a href="/ko/docs/CSS/Using_CSS_multiple_backgrounds" title="여러개의 배경 지정하기">여러개의 배경 지정하기</a></dt>
     <dd>한 엘리먼트에 여러개의 배경을 지정하는 방법에 대해 알아봅니다.</dd>
    </dl>

    <dl>
     <dt><a href="/ko/docs/CSS/Scaling_background_images" title="CSS/Scaling_background_images">배경 이미지 크기 조정하기</a></dt>
     <dd>배경 이미지 크기와 엘리먼트 크기가 정확하게 일치하지 않을 때 배경 이미지의 크기를 다루는 방법에 대해 알아봅니다.</dd>
    </dl>

    <dl>
     <dt><a href="/ko/docs/CSS/Using_CSS_animations" title="How to use CSS3 Animations">CSS 애니메이션 사용하기</a></dt>
     <dd>엘리먼트에 CSS 애니메이션을 적용하는 방법을 알아봅니다.</dd>
    </dl>

    <dl>
     <dt><a href="/ko/docs/CSS/Understanding_z-index">CSS z-index 이해하기</a></dt>
     <dd>많은 혼란을 야기하는 속성인 z-index에 대해 알아봅니다.</dd>
    </dl>

    <dl>
     <dt><a href="ko/Using_URL_values_for_the_cursor_property">cursor 속성값에 URL 사용</a></dt>
     <dd><small><a href="ko/Gecko">Gecko</a> 1.8 (<a href="ko/Firefox_1.5">Firefox 1.5</a>, SeaMonkey 1.0)은 URL을 <a class="external" href="https://www.w3.org/TR/CSS21/ui.html#cursor-props">CSS 2/2.1 cursor 속성</a>값으로 사용하는 것을 지원합니다. 이 기능은 마우스 커서 모양으로 임의의 이미지를 지정할 수 있게 해줍니다 — Gecko가 지원하는 모든 이미지 포맷을 사용할 수 있습니다.</small></dd>
    </dl>

    <dl>
     <dt><a href="ko/CSS3_Columns">CSS3 컬럼</a></dt>
     <dd><small>CSS3 컬럼 사용에 관한 짧은 입문서.</small></dd>
    </dl>

    <dl>
     <dt><a href="ko/Issues_Arising_From_Arbitrary-Element_hover">임의의 Element <code>hover</code>에서 발생하는 문제들</a></dt>
     <dd><small>많은 저작자가 링크에 스타일을 입히기 위해서 CSS2 수도(pseudo)-클래스 <code>:hover</code>를 쓰고 있습니다. 그러나 브라우저의 CSS 지원 향상은 몇몇 페이지에서 예기치 않게 심한 호버링 현상(hovering behavior)을 일으킵니다.</small></dd>
    </dl>

    <dl>
     <dt><a href="ko/Consistent_List_Indentation">일관된 리스트 들여쓰기</a></dt>
     <dd><small>CSS로 리스트의 들여쓰기 간격을 바꾸는 것은 보기보다 쉽지 않을 수 있습니다. 그러나 이는 단지 CSS 준수 브라우저들이 디폴트 들여쓰기에 각기 다른 방식을 취하고 있기 때문입니다. 이들을 일치시키는 법을 알아보세요.</small></dd>
    </dl>

    <p><span class="alllinks"><a href="/ko/docs/tag/CSS" title="/ko/docs/tag/CSS">모두 보기</a></span></p>
   </td>
   <td>
    <h4 id=".EC.BB.A4.EB.AE.A4.EB.8B.88.ED.8B.B0" name=".EC.BB.A4.EB.AE.A4.EB.8B.88.ED.8B.B0">커뮤니티</h4>

    <ul>
     <li>모질라 포럼 보기...</li>
    </ul>

    <p>{{ DiscussionList("dev-tech-css", "mozilla.dev.tech.css") }}</p>

    <ul>
     <li><a class="link-irc" href="irc://irc.mozilla.org/css">#css IRC channel</a></li>
     <li><a class="external" href="https://www.css-discuss.org/">CSS-Discuss site and list</a></li>
    </ul>

    <h4 id=".EA.B0.9C.EB.B0.9C_.EB.8F.84.EA.B5.AC" name=".EA.B0.9C.EB.B0.9C_.EB.8F.84.EA.B5.AC">개발 도구</h4>

    <ul>
     <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug extension</a></li>
     <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer extension</a></li>
     <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/179">EditCSS extension</a></li>
     <li><a class="external" href="https://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a></li>
    </ul>

    <p><span class="alllinks"><a href="Special:Tags?tag=CSS:Tools&amp;language=ko">모두 보기...</a></span></p>

    <h4 id=".EA.B4.80.EB.A0.A8_.EC.A3.BC.EC.A0.9C" name=".EA.B4.80.EB.A0.A8_.EC.A3.BC.EC.A0.9C">관련 주제</h4>

    <dl>
     <dd><a href="ko/Extensions">확장 기능</a>, <a href="ko/HTML">HTML</a>, <a href="ko/Themes">테마</a>, <a href="ko/XHTML">XHTML</a>, <a href="ko/XML">XML</a>, <a href="ko/XUL">XUL</a></dd>
    </dl>
   </td>
  </tr>
 </tbody>
</table>

<p><span class="comment">Categories</span></p>

<p><span class="comment">Interwiki Language Links</span></p>

<p>&nbsp;</p>

<p>{{ languages( { "de": "de/CSS", "en": "en/CSS", "es": "es/CSS", "fr": "fr/CSS", "ja": "ja/CSS", "pl": "pl/CSS", "pt": "pt/CSS", "nl": "nl/CSS", "it": "it/CSS", "zh-cn": "cn/CSS" } ) }}</p>