U E D R , A S I H C RSS

XML Study_2002/XML+CSS

XML Style의 지정, λΈŒλΌμš°μ €μ˜ μ‚¬μš©, λ””μŠ€ν”Œλž˜μ΄ 방식 ,XMLκ³Ό CSS의 μž‘μ„± λ°©μ‹μ˜ μ΄μš©λ°©λ²•


1. XML+CSS

  • XMLλ¬Έμ„œλŠ” CSSλΌ μ΄μš©ν•΄μ„œ λΈŒλΌμš°μ €μ— ν‘œν˜„ν•˜λŠ” 것이 κ°€λŠ₯ν•˜λ‹€.
  • κ·ΈλŸ¬λ‚˜ CSS둜 μŠ€νƒ€μΌ μ‹œνŠΈλΌ μž‘μ„±ν• λ•ŒλŠ” ν•œκ³„κ°€ μžˆλ‹€.
  • CSSλŠ” 폰트,색깔,μ—¬λ°±λ“±κ³Ό 같은 μ™Έν˜•μ μΈ μŠ€νŠΈμΌμ„ κΈ°μˆ ν•˜λŠ” 언어이닀.
  • XMLλ¬Έμ„œκ°€ λ‹¨μˆœνžˆ ν…μŠ€νŠΈ ν˜•νƒœμ˜ λ¬Έμ„œμ΄λ©΄ CSSλ‘œλ§ŒμœΌλ‘œλ„ ν‘œν˜„ν•˜λŠ”κ²ƒμ΄ μΆ©λΆ„ν•˜λ‹€.
  • ν•˜μ§€λ§Œ XMLλ¬Έμ„œλŠ” λ°˜λ“œμ‹œ ν…μŠ€νŠΈ νƒ€μž…μ˜ λ‚΄μš©λ“€λ‘œλ§Œ 이루어진 것도 μ•„λ‹ˆλ‹€
  • 그리고 μŠ€ν‚€λ§ˆμ˜ μ‚¬μš©μ΄ λ³΄νŽΈν™” λ˜λ©΄μ„œ μ—¬λŸ¬ νƒ€μž…μ˜ 데이터듀을 포함할 수 μžˆλŠ” λ¬Έμ„œ 포맷이 λ˜μ–΄ μ€λ” λ‹€μ–‘ν•œ λ””μŠ€ν”Œλ ˆμ΄ 방식이 ν•„μš”ν•˜λ‹€.
  • 이런 CSS의 ν•œκ³„λΌ κ·Ήλ³΅ν•΄μ„œ μ€λ” μœ μ—°ν•˜κ³  λ‹€μ–‘ν•˜κ²Œ λ””μŠ€ν”Œλ ˆμ΄ 방식을 κΈ°μˆ ν•  수 μžˆλŠ” 방법이 XSL이닀.

2. CSSλΌ μ“°λŠ”λ° μ€‘μš”ν•œ 점

2.1. PIλΆ€λΆ„

~cpp 
<!-- mydoc.cssλΌ μ‚¬μš©ν•˜κ² λ‹€ -->
<?xml-stylesheet type="text/css" href="mydoc.css"?>

2.2. 링크 ν‘œν˜„

  • <HTML : A>νƒœκ·ΈλΌ μ‚¬μš© 이것을 μ‚¬μš©ν•˜κΈ° μœ„ν•΄μ„œλŠ”

~cpp 
<MYDOC xmlns:HTML="http://www.w3.org/Profiles/XHTML-transitional">
  • μ΄λ ‡κ²Œ λ„μž„μŠ€νŽ˜μ΄μŠ€λΌ 지정해 μ£Όμ–΄μ•Όν•œλ‹€.
  • 그리고 μœ„μ™€ 같이 HTML λ„μž„ μŠ€νŽ˜μ΄μŠ€λΌ μ§€μ •ν•œ κ²½μš°μ—λŠ” <HTML : A> 뿐 μ•„λ‹ˆλΌ λ‹€λ₯Έ HTML의 νƒœκ·Έλ“€λ„ HTML λ„μž„ 슀페이슀의 PrefixλΌ λΆ™μ—¬ μ‚¬μš©ν•  μˆ˜μžˆλ‹€.
  • λ‹€λ₯Έ URL둜 μ΄λ™ν•˜λŠ” 예

~cpp 
<HTML:A href="http://msdn.microsoft.com/xml/xslguide/browsing-css.asp">How to Write a CSS StyleSheet for Browsing XML</HTML:A>

3. 예제

  • XML λΆ€λΆ„

~cpp 
<?xml version="1.0" encoding="KSC5601"?>
<?xml-stylesheet type="text/css" href="mydoc.css"?>  
<!DOCTYPE MYDOC SYSTEM "mydoc.dtd">
<MYDOC xmlns:HTML="http://www.w3.org/Profiles/XHTML-transitional">

<TITLE>
IE5μ—μ„œμ˜ XML λ¬Έμ„œ 보기(XML+CSS)
</TITLE>

<DATE TYPE="BEGINNING_DATE">
	<YEAR>1999</YEAR>
	<MONTH>10</MONTH>
	<DAY>20</DAY>
</DATE>

<AUTHOR>
	<NAME>이지연</NAME>
	<EMAIL><HTML:A href="mailto:jiyuns@netsgo.com">jiyuns@netsgo.com</HTML:A>
	</EMAIL>
</AUTHOR>


<ABSTRACT>
XML λ¬Έμ„œλΌ μ›ΉμœΌλ‘œ λ³΄λŠ” 방법을. ν˜„μž¬ IE5.0이 XML을 μ§€μ›ν•˜λ€λ‘œ,
IE5.0을 λΈŒλΌμš°μ €λ‘œ μ‚¬μš©ν•˜κ³  μŠ€νƒ€μΌλ‘œλŠ” CSSλΌ μ‚¬μš©ν•˜μ—¬ λ³Ό 수 μžˆλŠ” 방법을 μ„λͺ…ν•œ 것 μž…λ‹ˆλ‹€.
이 λ¬Έμ„œ λ˜ν•œ XML둜 μž‘μ„±λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€. 
</ABSTRACT>


<BODY>

<MODULE>
<MTITLE>1. IE5.0μ—μ„œ XML λ¬Έμ„œ λ³΄λŠ” 방법</MTITLE>
<MBODY>
<LIST>
<LCOMPO>(1) XML + XSL </LCOMPO>
<LCOMPO>(2) XML + CSS </LCOMPO>
</LIST>
<PA>XML의 μŠ€νƒ€μΌμ‹œνŠΈ μ–Έμ–΄λŠ” XSL둜, XSL둜 기술된 μŠ€νƒ€μΌμ‹œνŠΈλΌ μ΄μš©ν•˜μ—¬,
XML λ¬Έμ„œμ˜ μŠ€νƒ€μΌμ„ 지정할 수 μžˆλ„λ‘ μ œμ•ˆλ˜μ–΄μ Έ μ™”λ‹€. MSμ—μ„œ IE5μ—μ„œ
XML을 μ§€μ›ν•˜κ²Œ λ˜λ©΄μ„œ, CSS도 XML의 μŠ€νƒ€μΌμ‹œνŠΈλ‘œ μ΄μš©ν•  수 있게 λ˜μ—ˆλ‹€.
ν˜„μž¬ IE5.0μ—μ„œλŠ” XML의 ν‘œμ€ μŠ€νƒ€μΌμ‹œνŠΈμΈ XSLκ³Ό CSS둜 μž‘μ„±λœ μŠ€νƒ€μΌμ„ λͺ¨λ‘ μ‚¬μš©ν•  수
μžˆλ„λ‘ μ§€μ›ν•œλ‹€. 
IE5.0μ—λŠ” XML Parser와 XSL Processorκ°€ ν¬ν•¨λ˜μ–΄μ Έ μžˆμ–΄, XSL을 μŠ€νƒ€μΌμ‹œνŠΈ μ–Έμ–΄λ‘œ
μ‚¬μš©ν•œ 경우, XML λ¬Έμ„œλΌ  ParserλΌ ν†΅ν•΄ νŒŒμ‹±ν•œ λ’€ 
XSL ν”„λ‘œμ„Έμ„œκ°€ μ§€μ •λœ μŠ€νƒ€μΌμ— λ”°λΌμ„œ λ””μŠ€ν”Œλ ˆμ΄λ  
λ‚΄μš©λ“€μ„ λ‚΄λΆ€μ μœΌλ‘œ HTML둜 λ³€ν™˜ν•΄μ„œ,
μ΅œμ’…μ μœΌλ‘œ IE5.0에 λ””μŠ€ν”Œλ ˆμ΄ ν•˜κ²Œ λœλ‹€.</PA>
<PB/>

<PA>XMLλ¬Έμ„œλΌ μ›ν•˜λŠ” μŠ€νƒ€μΌλ‘œ 보기 μœ„ν•΄μ„œλŠ”, μ‹€μ œ 옷이 λ˜λŠ” 
μŠ€νƒ€μΌμ‹œνŠΈλΌ λ§Œλ“€μ–΄μ Έ μžˆμ–΄μ•Ό ν•˜κ³ , μ–΄λ–€ μŠ€νƒ€μΌμ‹œνŠΈλΌ μ‚¬μš©ν•  μ§€λΌ ν•΄λ‹Ή XMLλ¬Έμ„œ 내뢀에
κΈ°μˆ ν•΄ μ£Όμ–΄μ•Ό ν•œλ‹€. λΈŒλΌμš°μ €λŠ” XML λ¬Έμ„œλΌ μ½μ–΄λ“€μ΄λ©΄μ„œ, μŠ€νƒ€μΌμ‹œνŠΈκ°€ μ§€μ •λ˜μ–΄ 
μžˆλ‹€λ©΄, κ·Έ μŠ€νƒ€μΌμ‹œνŠΈ 화일을 λΆˆλŸ¬λ“€μ—¬ ν•΄λ‹Ήν•˜λŠ” μŠ€νƒ€μΌμ— 맞게 λΈŒλΌμš°μ €μ—
λ””μŠ€ν”Œλ ˆμ΄ν•˜κ²Œ λœλ‹€. 
 μ—¬κΈ°μ—μ„œλŠ” μ‹€μ œ 옷이 λ˜λŠ” μŠ€νƒ€μΌμ‹œνŠΈλΌ μ§€μ •ν•˜λŠ” 방법, 즉 μ–΄λ–€ μ˜·μ„ μž…κ² λ‹€κ³ 
μ„ μ–Έν•˜λŠ” 방법은 λ‹€μŒκ³Ό κ°™λ‹€.</PA>
<PB/>

<PA>&#x3c; ?xml-stylesheet type="text/css" href="mydoc.css"? &#x3e; </PA>
<PB/>

<PA>μœ„μ˜ μ„ μ–Έμ˜ 의λΈλŠ” μŠ€νƒ€μΌμ‹œνŠΈμ˜ νƒ€μž…μ€ CSS이고 CSSκ°€ κΈ°μˆ λ˜μ–΄ μžˆλŠ” 화일은 
mydoc.cssμ΄λΌλŠ” λœ»μ΄λ‹€.</PA>
<PA>λ§Œμ•½ XSL둜 기술된 μŠ€νƒ€μΌμ‹œνŠΈλΌ μ‚¬μš©ν•˜κ³ μž ν•œλ‹€λ©΄, λ‹€μŒκ³Ό κ°™μ΄ν•˜μ—¬ μ‚¬μš©ν•œλ‹€.</PA>

<PB/>
<PA>&#x3c; ?xml-stylesheet type="text/xsl" href="mydoc.xsl"? &#x3e; </PA>
<PB/>

<PA>μ΄λŸ¬ν•œ μ‚¬μš©ν•  μŠ€νƒ€μΌμ‹œνŠΈλΌ μ„ μ–Έν•˜λŠ” 뢀뢄은 XML λ¬Έμ„œμ˜ ν”„λ‘€λ‘œκ·Έμ— μœ„μΉ˜ν•˜λ©°,
일반적으둜 XML μ„ μ–ΈλΆ€ λ°”λ‘œ 뒀에, document type μ„ μ–ΈλΆ€ μ•žμ— μœ„μΉ˜ν•˜κ²Œ λœλ‹€.</PA>
<PA> <HTML:A href="mydoc_itself.xml">μ°Έκ³ </HTML:A>
 : 이 XML λ¬Έμ„œμ—μ„œ μŠ€νƒ€μΌ μ„ μ–Έν•œ λΆ€λΆ„μ˜ μœ„μΉ˜λΌ ν™•μΈν•΄λ³΄μ‹œλ©΄ λ©λ‹ˆλ‹€.</PA>
</MBODY>

<MTITLE></MTITLE>
<MBODY>
<PA>Q. μŠ€νƒ€μΌμ‹œνŠΈκ°€ μ§€μ •μ•ˆλœ XML λ¬Έμ„œλŠ” IE5둜 λ³Ό 수 μ—†λŠ”κ°€?</PA>
<PA>A. IE5μ—μ„œλŠ” μŠ€νƒ€μΌμ΄ μ§€μ •λ˜μ§€ μ•Šμ€ κ²½μš°μ—λŠ” μžμ‹ μ΄ μ œκ³΅ν•˜λŠ” λ””νŽ„νŠΈ
μŠ€νƒ€μΌμ— 따라 ν•΄λ‹Ή XML λ¬Έμ„œλΌ λ³Ό 수 μžˆλ„λ‘ μ§€μ›ν•œλ‹€.</PA>
<PA> <HTML:A href="mydoc_nostyle.xml">μ°Έκ³ </HTML:A> :
μŠ€νƒ€μΌμ΄ μ§€μ •μ•ˆλœ λ¬Έμ„œ λ³΄κΈ°μ˜ˆμž…λ‹ˆλ‹€. IE5의 λ””νŽ„νŠΈ μŠ€νƒ€μΌμ„ 확인해볼 수 μžˆμŠ΅λ‹ˆλ‹€.
</PA>
</MBODY>
</MODULE>

<MODULE>
<MTITLE>2. μ‹œμž‘ν•˜κΈ°</MTITLE>
<MBODY>
<LIST>
<LCOMPO>(1) XML λ¬Έμ„œ λΈŒλΌμš°μ§•μ„ μ§€μ›ν•˜λŠ” IE5.0을 μ„μΉ˜ν•œλ‹€.</LCOMPO>
<LCOMPO>(2) XML λ¬Έμ„œλΌ μž‘μ„±ν•œλ‹€.</LCOMPO>
<LCOMPO>(3) CSSλΌ λ§Œλ“ λ‹€.</LCOMPO>
<LCOMPO>(4) XMLλ¬Έμ„œμ— μŠ€νƒ€μΌλ‘œ μ‚¬μš©ν•˜κ³ μž ν•˜λŠ” CSSλΌ μ λŠ”λ‹€.</LCOMPO>
<LCOMPO>(5) IE5.0으둜 λ³Έλ‹€!</LCOMPO>
</LIST>
<PA>DTDλΌ λ³΄κ³ , μ‚¬μš©λ˜λŠ” μ—˜λ¦¬λ¨ΌνŠΈλ“€μ— λŒ€ν•΄μ„œ μŠ€νƒ€μΌμ„ 지정해 λ‘”λ‹€. λ§Œμ•½ DTDλΌ μ‚¬μš©ν•˜μ§€ μ•ŠλŠ” λ¬Έμ„œλΌλ©΄, 직접 λ¬Έμ„œλ‚΄μš©μ„ 보고 λ¬Έμ„œ λ‚΄μ—μ„œ μ‚¬μš©λ˜λŠ” μ—˜λ¦¬λ¨ΌνŠΈλ“€μ„ 찾아봐야 ν•œλ‹€.
같은 DTDλΌ μ‚¬μš©ν•˜λŠ” XML λ¬Έμ„œλ“€μ— λŒ€ν•΄μ„œλŠ” 같은 μŠ€νƒ€μΌμ„ μ§€μ •ν•΄μ„œ μ‚¬μš©ν•  수 있으λ€λ‘œ,
μŠ€νƒ€μΌμ€ ν•œ 번만 μž‘μ„±ν•΄λ„ 같은 ν΄λž˜μŠ€μ— μ†ν•˜λŠ” XMLλ¬Έμ„œλ“€μ΄ ν•¨κ»˜ μ‚¬μš©ν•  수 μžˆλ‹€.
또 λ°˜λ©΄μ—, ν•˜λ‚˜μ˜ λ¬Έμ„œλΌλ„ μž‘μ„±λœ μŠ€νƒ€μΌμ΄ μ—¬λŸΏμ΄λΌλ©΄, 이 μ—¬λŸ¬κ°œμ˜ μŠ€νƒ€μΌλ“€μ„ μ‚¬μš©ν•΄μ„œ
λ‹€λ₯΄κ²Œ λ””μŠ€ν”Œλ ˆμ΄ μ‹œν‚¬ μˆ˜λ„ μžˆλ‹€.</PA>
</MBODY>
</MODULE>

<MODULE>
<MTITLE>3. 예제보기</MTITLE>
<MBODY>
<PA>XML λ¬Έμ„œμ— λŒ€ν•œ μ˜ˆμ œλΌ λ³΄μ‹œλ €λ©΄ 이 λ¬Έμ„œμ˜ μ†ŒμŠ€λ³΄κΈ°λΌ ν•΄λ³΄μ„Έμš”!</PA>
<PA>이 λ¬Έμ„œκ°€ λ°”λ‘œ XML둜 μž‘μ„±λ˜μ—ˆμŠ΅λ‹ˆλ‹€.</PA>
<PA>λ˜λŠ” 직접 μ›ΉμœΌλ‘œ 보기둜 μ œκ³΅λ˜λŠ” 것은 λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.</PA>
<LIST>
<LCOMPO>(1) <HTML:A href="mydoc_itself.xml">μ‹€μ œ XML λ¬Έμ„œ 보기</HTML:A></LCOMPO>
<LCOMPO>(2) <HTML:A href="mydoc_nostyle.xml">μŠ€νƒ€μΌμ΄ μ§€μ •μ•ˆλœ λ¬Έμ„œ 보기(IE5.0의 raw style)</HTML:A></LCOMPO>
<LCOMPO>(3) <HTML:A href="mydoc_style.xml">이 XML λ¬Έμ„œκ°€ μ‚¬μš©ν•˜λŠ” CSS둜 μž‘μ„±λœ μŠ€νƒ€μΌμ‹œνŠΈ 보기</HTML:A></LCOMPO>
<LCOMPO>(4) <HTML:A href="mydoc_dtd.xml">이 XML λ¬Έμ„œκ°€ μ‚¬μš©ν•˜λŠ” DTD 보기</HTML:A></LCOMPO>
</LIST>
</MBODY>
</MODULE>

<MODULE>
<MTITLE>4. 고렀사항</MTITLE>
<MBODY>
<PA>ν˜„μž¬μ˜ IE5.0μ—μ„œλŠ” XLinkλŠ” μ§€μ›ν•˜μ§€ μ•ŠλŠ”λ‹€. 그런데, λ„μž„μŠ€νŽ˜μ΄μŠ€λΌ μ΄μš©ν•˜μ—¬
HTML A링크 κΈ°λŠ₯을 μ‚¬μš©ν•  μˆ˜λŠ” μžˆλ‹€.
XLinkμ—μ„œ μ œμ•ˆλ˜λŠ” ν™•μž₯된 κ°œλ…μ˜ λ§ν¬λΌ μ‚¬μš©ν•˜λŠ” 것은 아직은 IE5.0λΈŒλΌμš°μ €
μ—μ„œλŠ” 지원이 λ˜μ§€μ•ŠκΈ°λ•Œλ¬Έμ—, ν˜„μž¬λ‘œμ„œλŠ” μ—¬μ „νžˆ 단방ν–₯의 end linkκ°€ ν•˜λ‚˜λ‘œ μ§€μ •λ˜λŠ” simple linkλΌ
μ‚¬μš©ν•  수 밖에 μ—†λ‹€.</PA>
<PA>XMLλ¬Έμ„œλ‚΄μ—μ„œ λ„μž„μŠ€νŽ˜μ΄μŠ€λΌ μ΄μš©ν•˜μ—¬ HTML의 Aλ§ν¬λΌ μ‚¬μš©ν•΄μ„œ λ§ν¬λΌ μ§€μ •ν•˜λŠ” 방법은
<HTML:A href = "xml_hlink.xml">μ—¬κΈ°</HTML:A>에 μ„λͺ…λ˜μ–΄μžˆλ‹€.</PA>
</MBODY>
</MODULE>

<MODULE>
<MTITLE>5. Refereces</MTITLE>
<MBODY>
<LIST>

<LCOMPO>
[1]<HTML:A href="http://msdn.microsoft.com/xml/xslguide/browsing-css.asp ">
How to Write a CSS Style Sheet for Browsing XML</HTML:A>
</LCOMPO>

<LCOMPO>
[2]<HTML:A href="http://msdn.microsoft.com/xml/xslguide/browsing-overview.asp">
Browsing XML Documents in Internet Explorer 5</HTML:A>
</LCOMPO>

<LCOMPO>
[3]<HTML:A href="http://msdn.microsoft.com/xml/samples/review/review-css.xml">
MSDNμ—μ„œ μ œκ³΅ν•˜λŠ” CSSμ‚¬μš© XML λ¬Έμ„œ 예제</HTML:A>(IE5.0 required)
</LCOMPO>

<LCOMPO>
[4]<HTML:A href="http://msdn.microsoft.com/xml/samples/review/review-xsl.xml">
MSDNμ—μ„œ μ œκ³΅ν•˜λŠ” XSLμ‚¬μš© XML λ¬Έμ„œ 예제</HTML:A>
(IE5.0 required)

</LCOMPO>
</LIST>
<!--
<HTML:A href = "xmllink.xml">μ—¬κΈ°</HTML:A>에 μ„λͺ…λ˜μ–΄μžˆλ‹€.</PA>
-->
</MBODY>
</MODULE>

</BODY>

<FOOT>
<PA>이 λ¬Έμ„œλŠ” <HTML:A href="mailto:jiyuns@netsgo.com">μ €μž</HTML:A>μ™€μ˜ μƒμ˜ 없이 μƒμ—…μ μœΌλ‘œ λ°°ν¬ν•˜κ±°λ‚˜</PA>
<PA>μˆ˜μ •ν•˜κ±°λ‚˜ μ΄μš©ν•  수 μ—†μœΌλ©°, κ·Έ μ΄μ™Έμ˜ μš©λ„λ‘œ μΈμš©ν•  μ‹œμ—λŠ” μΆœμ²˜λΌ λ°ν˜€μ•Όν•˜κ³ , </PA>
<PA>λΉ„ 상업적인 λͺ©μ μœΌλ‘œ μˆ˜μ •ν•˜κ±°λ‚˜ λ°°ν¬ν•˜λŠ” κ²½μš°μ—λ„ μ €μžμ™€μ˜ ν˜‘μ˜κ°€ μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€.</PA>

<PA>All Rights Reserved by Lee, Jiyun</PA>
</FOOT>

</MYDOC>
  • DTD λΆ€λΆ„

~cpp 
<!ELEMENT MYDOC		(TITLE,DATE*,AUTHOR*,DOCDESC?,ABSTRACT?,BODY?,FOOT?)>
<!ELEMENT TITLE		(#PCDATA)>
<!ELEMENT DOCDESC	(#PCDATA)>
<!ELEMENT ABSTRACT	ANY>

<!ELEMENT DATE		(YEAR, MONTH, DAY)>
<!ATTLIST DATE		TYPE	(LAST_MODIFIED|BEGINNING_DATE) #REQUIRED>
<!ELEMENT YEAR		(#PCDATA)>
<!ELEMENT MONTH		(#PCDATA)>
<!ELEMENT DAY		(#PCDATA)>

<!ELEMENT AUTHOR	(NAME,EMAIL,(PHONE)?)>
<!ELEMENT NAME		(#PCDATA)>
<!ELEMENT EMAIL		(#PCDATA)>
<!ELEMENT PHONE		(#PCDATA)>

<!ELEMENT BODY		(CONTENT?,(MODULE|PA)*)>
<!ELEMENT MODULE	(MTITLE,MBODY)*>
<!ELEMENT MBODY		(PA | PB | LIST | COMMENT | SUBLIST | BLOCK)*>
<!ELEMENT MTITLE	(#PCDATA)>
<!ELEMENT PA		ANY>
<!ELEMENT PB		EMPTY>
<!ELEMENT XMP           ANY>
<!ELEMENT BLOCK	        ANY>

<!ELEMENT CONTENT	(MTITLE,MBODY)*>
<!ELEMENT LIST		((((LTITLE)*,((LCOMPO)+ | SUBLIST)) | LIST)*) >
<!ELEMENT SUBLIST	(LCOMPO)*>
<!ELEMENT LTITLE	(#PCDATA)>
<!ELEMENT LCOMPO	ANY>
<!ELEMENT COMMENT	(#PCDATA)>

<!ELEMENT FOOT		(PA)*>
  • CSS λΆ€λΆ„

~cpp 
TITLE{
	display		:block;
	font-size	:18pt;
	font-weight	:bold;
	font-family	:Times New Roman;
	color		:#333377;
	text-align	:center;	
	margin-top	:2em;
	margin-bottom	:1em;
}

DATE{
	display		:block;
	margin-top	:0.5em;
	margin-bottom	:0em;
	text-align	:center;
}

YEAR{
	display		:inline;
	font-size	:10pt;
	font-weight	:normal;
	font-family	:바탕체,Times New Roman;
	color		:black;
}

MONTH{
	display		:inline;
	font-size	:10pt;
	font-weight	:normal;
	font-family	:바탕체,Times New Roman;
	color		:black;
}

DAY{
	display		:inline;
	font-size	:10pt;
	font-weight	:normal;
	font-family	:바탕체,Times New Roman;
	color		:black;
}

AUTHOR{
	display		:block;
	margin-top	:0em;
	margin-bottom	:0.5em;
	text-align	:center;
}

NAME{
	display		:block;
	font-size	:10pt;
	font-weight	:normal;
	font-family	:바탕체,Times New Roman;
	color		:black;
}	

EMAIL{
	display		:block;
	font-size	:10pt;
	font-weight	:normal;
	font-family	:바탕체,Times New Roman;
	color		:black;
}	


ABSTRACT{
	display		:block;
	font-size	:9pt;
	font-weight	:normal;
	font-family	:바탕체,Times New Roman;
	color		:black;
	margin-left	:8em;
	margin-right	:8em;
	margin-top	:2em;
	margin-bottom	:1.5em;
}


BODY{
	display		:block;
	margin-left	:1em;
	margin-right	:1em;
	margin-top	:2em;
	margin-bottom	:2em;	
}

MODULE{
	display		:block;
	margin-left	:0em;
	margin-right	:0em;
	margin-top	:2em;
	margin-bottom	:2em;	
}

MBODY{
	display		:block;
	margin-left	:1em;
	margin-right	:0em;
	margin-top	:0.5em;
	margin-bottom	:1em;	
}

FOOT{
	display		:block;
	text-align	:center;
	margin-left	:2em;
	margin-right	:2em;
	margin-top	:3em;
	margin-bottom	:2em;
}

PA{
	display		:block;
	font-size	:9pt;
	font-weight	:normal;
	font-family	:바탕체,Times New Roman;
	color		:black;
}

LIST{
	display		:block;
	margin-left	:1.5em;
	margin-right	:2em;
	margin-top	:0.5em;
	margin-bottom	:0.5em;
}

LCOMPO{
	display		:block;
	font-size	:9pt;
	margin-left	:0.8em;
	margin-right	:2em;
	margin-top	:0em;
	margin-bottom	:0em;
}

SUBLIST{
	display		:block;
	margin-left	:4em;
	margin-right	:2em;
	margin-top	:1em;
	margin-bottom	:1em;
}





Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2021-02-07 05:28:27
Processing time 0.0189 sec