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 <link> element in the generated HTML below.

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>&lt;link&gt;</code> element in the generated
 <span class="caps">HTML</span> below.</p>

</body>
</html>