Style sheets, as discussed earlier, is the third important component needed for creating the processing of a dynamic Colorado web designed pages. Styles sheets are a standard approved and recommended by the world wide consortium. They were essentially introduced to give the developer more control in page layout and styling of the document. In the following pages we will cover some basic features about style sheets. There are many ways of adding style to a web page. Style can be either declared in the head section of the page or directly within the HTML tag.

DEFINING STYLE WITHIN HTML TAGS

Style within an HTML tag is assigned using the style tag followed by an attribute.

In the above the style tag is written within the HTML tag. The style sheet tag used three properties color font-style-weight and font-family. Their respective values are blue color code, italic, bold and the Helvetica font. Notice there is a colon in between color and blue color code and a semicolon after each property. Isn’t it simple all you have to do is refer to a list of style sheet property and their values and use them according to you Denver web page design.

Defining style in the head section

Defining styles within an html tag is simple but can be quite tedious, especially when you intend using it on multiple html tags .A simpler way out be to declare the style within the head section of the page. By doing so all you intend to format.A style declaration in the head section must begin with the tag and end with the tag.

Style sheet as you know by now are groups of styles that define how an html element may appear in a web browser.

Cascading style sheet viewed within the Microsoft internet explorer.

Apart from the one discussed so far and this is by creating an external style file. Style sheet declaration in an external file is particular very useful in useful in cases where you want to use the style in many pages at the same time. This method is also more convenient in terms of making any last minute change as there is one central place that controls the entire site design. And in your html file all you need to do is include the style file name using the link tag.

The link tag attributes ask the browser to refer to the external style sheet for all formatting and other styling elements. You can use any name for the style sheet file, just be sure you have the .css extension at the end. In this, it assumes that your style sheet a name to be referred with.

Your file basics defines your formatting style. Therefore any formatting change in this file will be subsequently reflected in the html layout. Suppose you want to display all the tags in your html document in red color, italics and in comic sans ms, arial or Helvetica as the font preferences. The structure of your basics would be as follows and the resulting screen.

Source: Free Articles