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 box-sizing Property
• Use Image for List Item Bullets
• Set the Background Properties
• nth-child Selector
• Style the First Line
• Set List Bullets Position
• Set an Element's Clipping
• Use an External Style Sheet
• Set an Element's Margin
• Set the Word Spacing
| 
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
RSS Feed
Follow @Stephen Bucaro
General Web Design
