|
File: Data.xml
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="Style.css"?>
<document>
<page>
<pageNumber>A</pageNumber>
<paragraph>
B
<reference>C</reference>
D
<important>E</important>
.
</paragraph>
<paragraph>
F
<reference>G</reference>
H
<important>I</important>
.
</paragraph>
</page>
<page>
<pageNumber>J</pageNumber>
<paragraph>
K
<reference>L</reference>
L
<important>N</important>
.
</paragraph>
<paragraph>
O
<reference>P</reference>
Q
<important>R</important>
.
</paragraph>
</page>
</document>
File: Style.css
paragraph {
display:block;
border:solid 1px #A3A3A3;
padding: 10px;
margin: 20px;
}
reference {
display:inline;
font-style:italic;
color:#CC3333;
background-color: #E6E6E6;
}
important {
display:inline;
font-weight:bold;
color:#990000;
border:solid 1px #990000;
}
page {
display:block;
border:solid 2px #000000;
padding: 10px;
margin:10px;
}
pageNumber {
display:block;
padding:5px;
border:solid 2px #336699;
width: 60px;
margin-bottom: 20px;
}
|