XML :: 4.CSS

CSS는 Cascading Style Sheets의 약자이며.

 

CSS는 웹 문서의 내용에 스타일 정보를 적용하여 어떻게 표현할 것인지를 설정하는 표현 언어이다.

 

이번에는 XML에 CSS를 적용해 볼 것이다.

---

ℓ CSS를 XML 문서에서 화면 표현

 

XML 문서를 화면에 표현하는 방법에는 두 가지가 있다.

• CSS
• XSL

CSS 특징은 HTML과 XML 문서 모두에 사용할 수 있다는 것이다.

 

그리고 외부 스타일 시트를 만들면 스타일을 일관성 있게 작성할 수 있으며,

 

전체 스타일을 손쉽게 제어할 수 있다.

 

XSL은 XSLT, XPath, XSL-FO으로 구성되어 있다.

• XSLT     : XML 문서를 다른 형식의 XML, HTML 문서로 변환할 때 사용한다.
• XPath   : XML 문서의 특정 부분을 접근할 때 사용된다.
• XSL-FO : XML 문서를 웹 브라우저에 표현되도록 스타일 정보를 설정한다.

이번에는 CSS만 다루고 다음에 XSL를 이용해 볼 것이다.

 

XML에서는 HTML과 다르게 요소를 임의로 작성하기 때문에 브라우저에서 CSS, XSL 표현할 방법이 없다.

 

그래서 XML 문서에서 CSS 파일을 적용시키는 방법을 택했다.

---

ℓ XML 문서에 CSS파일 연결하기

 

우선 XML 문서를 만들어야 한다.

 

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="xml_link.css"?> <!--CSS 연결-->
<goods>
    <good>
        <blog>Allright</blog>
        <name>김치바보</name>
        <age>23</age>
    </good>
</goods>

<XML>

 

 

good { display :  block}
blog { font-size : 24pt; color : navy}
name { font-weight : bold; color : blue}
age { font-style : italic; color : green}

<xml_link.css>

 

 

<?xml-stylesheet href="xml_link.css"?> 라는 새로운 문장이 생겼다.

 

CSS파일과 연결하는 문장이다.

 

<?xml-stylesheet href="파일 이름"?> 방식으로 사용하면 된다.

 

이후 실행하면 이런 브라우저를 볼 수 있게 된다.

 

 

결과물

 

 

결과물은 작지만 CSS의 사용법을 알 수 있게 되었다!