Welcome to Bucaro TecHelp!

Bucaro TecHelp
HTTPS Encryption not required because no account numbers or
personal information is ever requested or accepted by this site

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Use an Embedded Style Sheet

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

RSS Feed RSS Feed

Follow Stephen Bucaro Follow @Stephen Bucaro



Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2024 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268