Thursday, November 20, 2008

Cascading Style Sheets (CSS)

What are Cascading Style Sheets

One important feature of dynamic html is Cascading Style Sheets. Cascading Style Sheets, or CSS for short, came into the picture with IE 3.0. CSS means the styles by which you can enhance the look of your web pages. Cascading Style Sheets are nothing but design templates that provide control over presentation and layout of HTML elements in web pages. They allow you to separate and modify the way you design information in your web page.

CSS allows you to manipulate fonts, spacing and line height. Using CSS you can apply different attributes to the HTML tags in your web pages.

Before you begin using CSS in your web pages, you should note the following guidelines:

* CSS has to be written strictly according to the syntax. Misspellings or misplaced semi-colons can turn your web page design upside-down and not reflect your design for the page.
* While designing a web page with CSS features, browser compatibility has to be kept in mind. In this tutorial you will learn to use CSS that works best across different browsers.

What are the Benefits of using CSS?

CSS helps in creating Web pages with minimal graphics, and therefore makes it possible to have much smaller download time. Style sheets also provide you with a higher level of typographic control.

Style sheets not only provide design advantages, but also have the edge over plain html because they are easy to maintain. By using style sheets, you can keep all the design specific features at the top of a page or in a different file. This makes it easy to change the layout of a whole site that contains hundreds of pages by editing just one style sheet file.

Style sheets have been under discussion for several years; they are a standard like HTML and their compatibility has been incorporated by every major browser. Microsoft's Internet Explorer 3.0 was the first browser to implement W3C's style sheet specifications. The latest versions of both Netscape and Internet Explorer support most of the features of style sheets.

You can get a compatability list at http://style.webreview.com/mastergrid.html and more reading material on style sheets from the site http://www.webreview.com
The Styles

Style sheets can be implemented in your web page in three main ways.

Inline Styles, Embedded Styles, Linked Style Sheets

The best way to learn style sheets is to use them and experiment with different styles and values in your document.

You can find a complete guide for style sheets at W3C's official style sheet specification at the url : http://www.w3.org/pub/WWW/TR/Wd-css-1/html

Also refer
http://www.bhupalsapkota.com.np for detailed information.









0 comments :

Post a Comment