“Cascading
Style
Sheets
(CSS)
is
a
simple
mechanism
for
adding
style
(e.g.
fonts,
colors,
spacing)
to
Web
documents”
[4]
-
Inspect
the
markup
in
the
output
file.
-
Assign
decoration
to
desirable
regions.
| <foo ...>...</foo> | \Css{foo {...}} |
|
| | <foo class="abc">...</foo> | \Css{foo.abc {...}} |
|
| | <foo id="xyz">...</foo> | \Css{foo\#xyz {...}} |
- The code is sent to a CSS file
% file.cfg
\Preamble{html}
\begin{document}
\Css { ul.itemize1 {
color : red ;
background-color : yellow ;
font-weight: bold ;
font-size : 150\%
}}
\Css { li {
border : black 1px solid ;
margin : 2em ;
text-align : center
}}
\EndPreamble
| xhlatex source "file"
|
<body>
<ul class="itemize1">
<li class="itemize">
First item
</li>
<li class="itemize">
Second item
</li>
</ul>
</body>
|
% source.tex
\documentclass{article}
\begin{document}
\begin{itemize}
\item First item
\item Second item
\end{itemize}
\end{document}
|
|