26. HTML Style Sheet

 

Cascading Style Sheets (CSS) describe how documents are presented on screens, in print, or perhaps how they are pronounced. W3C has actively promoted the use of style sheets on the Web since the Consortium was founded in 1994.
Cascading Style Sheets (CSS) provide easy and effective alternatives to specify various attributes for the HTML tags. Using CSS, you can specify a number of style properties for a given HTML element. Each property has a name and a value, separated by a colon (:). Each property declaration is separated by a semi-colon (;).

Example

First let's consider an example of HTML document which makes use of tag and associated attributes to specify text color and font size:

Hello, World!

We can re-write above example with the help of Style Sheet as follows:

Hello, World!

This will produce following result:

Hello, World!

You can use CSS in three ways in your HTML document:

• External Style Sheet - Define style sheet rules in a separate .css file and then include that file in your HTML document using HTML tag.
• Internal Style Sheet - Define style sheet rules in header section of the HTML document using

This is red

This is thick

This is green

This is thick and green

This will produce following result:

This is red

This is thick

This is green

This is thick and green

Inline Style Sheet

You can apply style sheet rules directly to any HTML element using style attribute of the relevant tag. This should be done only when you are interested to make a particular change in any HTML element only.
Rules defined inline with the element overrides the rules defined in an external CSS file as well as the rules defined in

• Tweet
• Share
• Share
• Share
• Share