Embedded Styles

Document Embed

In addition to placing styles in another document, we can place styles at the top of out XHTML document inside the header. In the same place that we would put an import statement, we can place styles.

Example:

<head>
<title>E115 Embedded Styles</title>
<style type="text/css">
    * {
        padding: 0;
        margin: 0;
     }
</style>
</head>

Tag Embed

Sometimes it is more efficient to place a style directly into your XHTML document, without going through the hassle of setting up a separate CSS document. To do it is very simple, it just requires placing an attribute of style inside your tag. Once inside the attribute, you can begin to list the styles you would like the tag to have, just as you would inside of a stylesheet.

Example:

<p style="font-family: Arial, Helvetica; font-size: 22px; color:#000000; font-style: oblique;">

There are a few things to keep in mind when setting your style:

   1. Always use quotation marks (") at the beginning and end of your style parameters.
   2. When setting your colors, use color codes and proceed them with a number sign (#).
   3. Remember to separate style parameters with semi-colons.