Using an internal style sheet

To style a page using an internal style sheet, a style element is used inside the head element. The tag nameThe characters used in a tag for a particular element. for a style element is, not surprisingly, the word style. Inside the element is a list of rules.

Each rule consists of a selector that specifies one or more parts of the document and one or more declarations. Here is a rule that styles all paragraphs:

p {
   color: green;
   font-style: italic;
}

Here is a style attribute for comparison:

<p style="color:green; font-style:italic"></p>

Notice how the internal style sheet differs from the style attribute:

• A rule can apply to more than one element.
• Each declaration appears on a separate line.
• Values are not put in quotation marks.
• There is a semicolon after every declaration, including the last one.

Guess the result before clicking the Load page button.