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:
• Set the Font Size
• Set List Bullets Position
• Set the Text Alignment
• Set the Font Properties
• Descendant Selector
• Class Selector
• position:absolute
• Style the First Line
• Set the Background Color
• Define CSS Rollover Effects
| 
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
RSS Feed
Follow @Stephen Bucaro
General Web Design
