blob: a788e8e697755e23398763c83aaf8f18b472b46c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
---
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>
|
