Welcome to Bucaro TecHelp!

Bucaro TecHelp
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

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:
• Set List Properties
• Set an Element's Overflow
• Use an Embedded Style Sheet
• Vertical Align an Element
• Set the Font Boldness
• position:relative
• Context selectors
• Set an Element's Clipping
• Set the border-collapse
• Set an Element's Padding

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-2018 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268