CSS styling:css key
Defining the key css
to point an external stylesheet causes Xilize to add a <link rel="stylesheet" type="text/css" href=.../>
element to the <head>
section of generated page.
Note: In natural mode, Xilize locates external stylesheets automatically. Natural mode was not used in the production of these examples.
Also note the use of the xilize
statement to generate the prolog and epilog necessary for a complete HTML document. This allows the listing of the generated HTML to include the <head>
element in which the <link>
element resides for the purpose of this example.
Xilize markup | browser rendering |
xilize. define. css myStyleSheet.css See the @<link>@ element in the generated HTML below. |
See the |
XHTML generated
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="myStyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p>See the <code><link></code> element in the generated
<span class="caps">HTML</span> below.</p>
</body>
</html>