---
title: CSS
slug: Glossary/CSS
tags:
  - CSS
  - CodingScripting
  - Glossary
  - Web
  - 'l10n:priority'
translation_of: Glossary/CSS
---
<div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div>

<p><span class="seoSummary"><strong>CSS</strong>(Cascading Style Sheets, 종속형 스타일 시트)는 {{glossary("browser", "브라우저")}}에서 웹페이지의 외형을 결정하는 선언형 언어입니다.</span> 브라우저는 선택한 요소에 CSS 스타일 선언을 적용해 화면에 적절히 표현합니다. 하나의 스타일 선언은 속성과 그 값으로 이루어져 있습니다.</p>

<p>CSS는 {{glossary("HTML")}}, {{glossary("JavaScript")}}와 함께 웹의 3대 핵심 기술을 이룹니다. 보통 {{Glossary("Element", "HTML 요소")}}의 스타일을 결정하지만, {{Glossary("SVG")}}와 {{Glossary("XML")}} 등 다른 마크업 언어에도 사용할 수 있습니다.</p>

<p>하나의 CSS 규칙은 {{Glossary("CSS selector", "선택자")}}에 연결된 {{Glossary("CSS Property","속성")}} 세트로 구성됩니다. HTML의 모든 문단을 검은색 배경에 노란색 글자색으로 만드는 예제를 확인해보세요.</p>

<pre class="brush: css">/* The selector "p" indicate that all paragraphs in the document will be affected by that rule */
p {
  /* The "color" property defines the text color, in this case yellow. */
  color: yellow;

  /* The "background-color" property defines the background color, in this case black. */
  background-color: black
}</pre>

<p>"종속형"은 페이지의 외형을 결정할 때 선택자의 우선순위를 결정하는 법을 가리킵니다. 복잡한 웹사이트의 CSS 규칙은 수천 개에 달할 수 있으므로 종속은 매우 중요한 특성입니다.</p>

<h2 id="더_알아보기">더 알아보기</h2>

<h3 id="일반_지식">일반 지식</h3>

<ul>
 <li><a href="https://developer.mozilla.org/en-US/Learn/CSS">CSS 배우기</a></li>
 <li>위키백과의 {{interwiki("wikipedia", "종속형 시트")}}</li>
</ul>

<h3 id="기술_참고서">기술 참고서</h3>

<ul>
 <li><a href="/ko/docs/Web/CSS">MDN의 CSS 문서</a></li>
 <li><a href="http://www.w3.org/Style/CSS/current-work" rel="external">CSS Working Group의 현재 작업사항</a></li>
</ul>