code font-family: courier;

   

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
code {
  font-family: courier;
}

code.foreground {
  color: #000000;
  display: block;
  font-size: smaller;
  background-color: #d6d6d6;
  padding: 2px;
  margin: 5px;
}

code.background {
  display: block;
  padding: 2px;
  margin: 5px;
}

body {
  font-family: arial, verdana, sans-serif;
  background-color: #ffffff;
}

p.abstract {
  font-weight: bold;
}

div.figure {
  font-weight: bold;
  padding-bottom: 12px;
  padding-left: 12px;
}
</style>


</head>
<body>
<h1>Modularized Style Sheets</h1>
<p class="abstract">You can use the <code>@import</code> rule to help develop 
   modular style sheets that enable re-use and save bandwidth.</p>
<p>In order to include rules from a different style sheet, you have to 
   import the whole other style sheet into the one you are writing. Therefore smaller
   style sheets make for more reusable chunks.</p>
<p>The following line imports a style sheet called codeStyles.css</p>
<code class="foreground">@import "codeStyles.css"</code>
</body>
</html>

1.	code Element For Adding Code to Your Web Pages
2.	code must be within pre (inline elements can't contain block-level elements)
3.	Displaying blocks of code online
4.	Blocked and preserved Code
5.	Formula input
6.	code margin: 5px 0;
7.	code padding: 10px;
8.	code text-align: left;
9.	code display: block;
10.	code overflow: auto;
11.	code font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
12.	code background: #F5F5F5;
13.	code border-left: 3px solid #D4D4D4;
14.	code font-family:courier, monospace;
15.	code font-size:12px;
16.	code font-weight:bold;
17.	code border:1px solid #000000;
18.	code {display:block;}
19.	code color: #000000;
20.	code font-size: smaller;
21.	code background-color: #d6d6d6;
22.	code padding: 2px;
23.	code margin: 5px;
24.	code padding: 3px;
25.	code background-color: black;
26.	code color: #FFFFFF;
27.	Code style
28.	'code' Example

code font-family: courier; : code « Tags « HTML / CSS

Related examples in the same category