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