[웹 서비스 개발] CSS for XML (Cascading Style Sheet) (1)

1. What is CSS

[1] CSS 정의 (Cascading Style Sheets)

: 화면이나 다른 미디어에 XML 및 HTML 요소를 표시하는 방법을 설명한다.

• CSS는 많은 작업을 절약해주어, 여러 웹 페이지의 레이아웃을 한 번에 제어할 수 있다.

[2] CSS 문법

: CSS 규칙 세트는 Selector과 선언 블록으로 구성된다.

1. Selector는 스타일을 지정하려는 HTML 요소를 가리킨다.
2. 선언 블록에는 '세미클론'으로 구분된 하나 이상의 선언이 포함되어 있다.
3. 각 선언에는 '콜론'으로 구분된 CSS 속성 이름과 값이 포함된다.

[3] CSS/HTML은 140개의 color names을 지원한다.

[4] 예시

xml_css1.xml

<?xml version="1.0" encoding="euc-kr" standalone="yes"?>
<?xml-stylesheet type="text/css" href="xml_css1.css"?>
<xmlCssDemo>
  <title>
  <name>My First CSS Example</name>
  </title>
  
  <paragraph>
  <contents>This is a paragraph.</contents>
  </paragraph>
</xmlCssDemo>

xml_css1.css

xmlCssDemo
{
	background-color: lightblue;
}
title, paragraph
{
	display: block;
}
title
{
  font-size: 40px;
  text-align: center;
  color: white;
}
paragraph
{
  margin-top:30px;
  font-size: 20px;
}