Embedded style controls only the document in which it is embedded. As with inline style, this defeats the purpose of being able to apply styles site-wide. However, there are good uses for embedded style. One would be if that document is the only document in the site that takes those specific styles. Another is workflow related. I like to use embedded style while working on a design because it's all in the same document. This way, I don't have to switch between applications or windows to accomplish my tasks. Because the style rules are the same, I can simply cut out the final styles from the embedded sheet and link them, which you'll see how to do in just a bit.
Embedded style is added to the head portion of the document, within the style element, and it uses the required type attribute (see Example 7-1).
Example 7.1. An HTML document snippet describing embedded style
<head><title>working with style</title><styletype="text/css">
body {background-color: black; color: white;}
h1 {font-size:24px;}
p {font-size:12px;}</style></head><body><h1>Welcome!</h1><p>Paragraph one.</p><p>Paragraph two.</p></body>
