CSS Tutorials

    Style sheet are the powerful mechanism for adding styles to the web document. They enforce standards and uniformly throughout a website and provides numerous attributes to create dynamic effects. With stylesheets text and images formatting, properties can be predefined in a single list. HTML elements on a webpage can then be bound to the stylesheets. The advantage of stylesheets include the ability to make global changes to all documents from a single location.

There are four types of stylesheet:-

a. Browser Default

b. Internal / Embedded

c. External / Linked

d. Inline

b. Internal Stylesheet:-

The style setting process in an internal stylesheet is accomplished using container tag style. Between the <style> and </style> all the style attributes must be listed. The <style> is placed in the bead section of the document.

Syntax: 

<style type=text/css>

tag 1

{

    attribute1: value1;

    attribute2: value2;

}

tag 2

{

    attribute1: value1;

    attribute2: value2;

        .....

    attributen: valuen;

}

</style>

    The expression type=text/css indicates that the stylesheet confirm to CSS syntax. The various attributes that can be specified are font attributes, color and background attributes, text attributes, border attributes, margin attributes and list attributes.

« Previous Page Next Page »