CSS란? / XML CSS 임베디드 형식 / CSS 링크형식

CSS란? / XML CSS 임베디드 형식 / CSS 링크형식

What is CSS

파스트리 형태가 아닌 XML 문서를 우리가 인터넷에서 볼 수 있는 다양한 형태의 디자인으로 나타내기 위해 스타일 시트를 적용시키는 방법이 있는데, 이처럼 XML에 적용할 수 있는 스타일시트에는 CSS XSL등이 있다. (클래스는 여러개를 링크 형식으로, ID는 임베디드 형식으로 하나의 페이지에 한번만 적용 가능하다) ID는 #사용.

-------------------------------------------------------------------------

ex) memo.xml (링크형식)

<?xml version=“1.0” encoding=“euc-kr” ?>

<?xml-stylesheet type=“text/css” href=“memo.css”?>

<MEMO>

<TO> 교수님 </TO>

<FROME> 짱구 </FROME>

<CONTENTS> XML어렵습니다 </CONTENTS>

</MEMO>

-------------------------------------------------------------------------

memo.css

MEMO

{

font-style: italic;

}

-------------------------------------------------------------------------

결과는 MEMO요소 내의 자식요소모두에게 적용됨 -> FROM으로 바꾼다면 FROM만 적용된다.

------------------------------------------------------------------------

memo.xml 이 경우는 XML과 CSS가 합쳐진 코드이다. (임베디드 형식)

<?xml version=“1.0” encoding=“euc-kr” ?>

<?xml-stylesheet type=“text/css” href=“#say”?>//say라는 id를 가진 태그를 사용하겠다-> say라는 id를 가진 태그는 style 이므로 style이라는 태그의 내용이 문서내 스타일시트로 적용된다.

<style>

font-style: italic

</style>

<MEMO>

<TO> 교수님 </TO>

<FROME> 짱구 </FROME>

<CONTENTS> XML어렵습니다 </CONTENTS>

</MEMO>

---------------------------------------------------------------------