diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:17 -0500 |
commit | da78a9e329e272dedb2400b79a3bdeebff387d47 (patch) | |
tree | e6ef8aa7c43556f55ddfe031a01cf0a8fa271bfe /files/ko/glossary/css | |
parent | 1109132f09d75da9a28b649c7677bb6ce07c40c0 (diff) | |
download | translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.tar.gz translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.tar.bz2 translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.zip |
initial commit
Diffstat (limited to 'files/ko/glossary/css')
-rw-r--r-- | files/ko/glossary/css/index.html | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/files/ko/glossary/css/index.html b/files/ko/glossary/css/index.html new file mode 100644 index 0000000000..a788e8e697 --- /dev/null +++ b/files/ko/glossary/css/index.html @@ -0,0 +1,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> |