CSS

  • 리비전 슬러그: CSS
  • 리비전 제목: CSS
  • 리비전 아이디: 315833
  • 제작일시:
  • 만든이: jaemin_jo
  • 현재 리비전인가요? 아니오
  • 댓글

리비전 내용

CSS 시작하기
CSS를 시작하려는 이를 위한 입문서.
Cascading Style Sheets (CSS)는 HTML이나 XML(XHTML이나 SVG 같은 다양한 XML 언어 포함)로 쓰인 문서의 표현을 기술하기 위해 사용되는 스타일시트 언어입니다. Mozilla Suite, Firefox나 Thunderbird 같은 XUL 기반 제품에서는 응용프로그램의 UI를 위해서도 쓰입니다. 예를 들어, 테마는 응용 프로그램의 스킨을 만들기 위해 CSS를 많이 사용합니다. CSS는 W3C 명세입니다.

문서

CSS 레퍼런스
CSS와 Mozilla 확장 레퍼런스.
효율적인 CSS 작성하기
Mozilla UI용으로 사용하기 위한 효율적인 CSS 작성 가이드.
여러개의 배경 지정하기
한 엘리먼트에 여러개의 배경을 지정하는 방법에 대해 알아봅니다.
배경 이미지 크기 조정하기
배경 이미지 크기와 엘리먼트 크기가 정확하게 일치하지 않을 때 배경 이미지의 크기를 다루는 방법에 대해 알아봅니다.
CSS z-index 이해하기
많은 혼란을 야기하는 속성인 z-index에 대해 알아봅니다.
cursor 속성값에 URL 사용
Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0)은 URL을 CSS 2/2.1 cursor 속성값으로 사용하는 것을 지원합니다. 이 기능은 마우스 커서 모양으로 임의의 이미지를 지정할 수 있게 해줍니다 — Gecko가 지원하는 모든 이미지 포맷을 사용할 수 있습니다.
CSS3 컬럼
CSS3 컬럼 사용에 관한 짧은 입문서.
임의의 Element hover에서 발생하는 문제들
많은 저작자가 링크에 스타일을 입히기 위해서 CSS2 수도(pseudo)-클래스 :hover를 쓰고 있습니다. 그러나 브라우저의 CSS 지원 향상은 몇몇 페이지에서 예기치 않게 심한 호버링 현상(hovering behavior)을 일으킵니다.
일관된 리스트 들여쓰기
CSS로 리스트의 들여쓰기 간격을 바꾸는 것은 보기보다 쉽지 않을 수 있습니다. 그러나 이는 단지 CSS 준수 브라우저들이 디폴트 들여쓰기에 각기 다른 방식을 취하고 있기 때문입니다. 이들을 일치시키는 법을 알아보세요.

모두 보기

커뮤니티

  • 모질라 포럼 보기...

{{ DiscussionList("dev-tech-css", "mozilla.dev.tech.css") }}

개발 도구

모두 보기...

관련 주제

확장 기능, HTML, 테마, XHTML, XML, XUL

Categories

Interwiki Language Links

 

{{ 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" } ) }}

리비전 소스

<div class="callout-box">
  <b><a href="ko/CSS/Getting_Started">CSS 시작하기</a></b><br />
  CSS를 시작하려는 이를 위한 입문서.</div>
<div>
  <b>Cascading Style Sheets</b> (<b>CSS</b>)는 <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="http://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/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="http://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="http://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="http://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>
Revert to this revision