Revision 1026098 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>

<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>

<h2 id="See_also">참조</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>