Use an Embedded Style Sheet
By Stephen Bucaro
One of the biggest advantage of CSS is that you don't need to enter a style for every html tag
on your webpage, you can define a style for all tags of a type or class in a style block embedded
in the webpage. The style definition must be in the webpage before the html tag that the style
applies to. Usually the style block is defined in the <head> section of the webapge.
The syntax for style rules in an embedded style block is slightly different than for inline
style rules. To create the embedded style block, first add the tags as shown below.
<style type="text/css">
</style>
Beteen these two tags enter the style rules for the html elements on the webpage, as in the example shown below
<style type="text/css">
body { font-family: helvetica; margin:20px }
h1 { font-family: arial; font-weight: bold }
h2 { font-family: courier; font-size: 20pt; }
p { margin-left: 30px; margin-right:30px; }
</style>
Note in the style rules above, that the property and value parts of the rule are within brackets.
That's all there is to it. The styles defined in a style block in the <head> section of a
webapge apply to all html elements on the web page of the type defined by the rule's selector.
More CSS Quick Reference: • position:fixed • Indent the First Line of Text • Set a Fixed Background Image • Set an Element's Overlap (z-index) • Specifying Color • Set the Font Properties • Descendant Selector • Define CSS Rollover Effects • Set the Line Spacing • Set the Border Color
|