This is an example of a document that uses an internal style sheet. Each document will need to have the style settings between <style> and </style> tags within the head tags. The style for text within html tags can be individually set. On this page all text within <p> and </p> tags will use the Hevetica font with a size of 12 point and will have this green color (#55aa55). A list of all of the settings for this document is given below.
p {If you want to change the style for a single instance just put the style attributes directly into the html tag. For example, to make only one item of an ordered list be viewed as arial, 8pt, and blue:
font-family: Helvetica, Arial, Verdana;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12pt;
color: #55aa55
}
blockquote {
font-family: Verdana, Helvetica;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: 8pt;
color: #550000
}
h2 {
font-family: Arial, Verdana, Helvetica;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 14pt;
color: #ff0000
}
a {
background-color: #ccccee;
color: #ff5555;
letter-spacing: 2pt;
font-family: arial;
font-weight: bold;
font-variant: normal;
font-size: 8pt;
font-style: normal;
text-decoration: underline;
text-transform: none;
}
a:hover {
background-color: #0000cc;
color: #ffffcc;
letter-spacing: normal;
font-family: serif;
font-weight: bold;
font-variant: normal;
font-size: 14pt;
font-style: italic;
text-decoration: none;
text-transform: none;
}
<ol>
<li style="font-family:arial,verdana,helvetica; font-size:8pt; color:#0000ff;">First one</li>
<li>next one</li>
</ol>