Intergrate CSS

Cascading style sheets (CSS) is a language that works with HTML documents to define the way content is presented. The presentation is specified with styles that are placed directly into HTML elements, the head of HTML documents, or separate style sheets.
Styles sheets contain a number of CSS rules. Each rule sheets elements in HTML documents. Theses rules then define how the elements will be styled.

What does Cascading mean?

There are three types of style sheets that can influence the presentation of an HTML document in a browser. These are:

  • Browser style sheets: Browsers apply style to all web documents. Although these style sheets vary from browser to another, they all have common characteristics, including black text, blue links, and purple visited links. These are referred to as default browser style sheets.
  • User style sheets: A user is anyone looks at your website. Most modern borwsers allow users to set their own style sheets within their browser. These style sheets will override the browser’s default sheets for that specific user only.
  • Author style sheets: The author is the one that create the website, by applying a style sheet to his pages, that override user styles, which override browser styles.

Cascading means that styles can fall (or cascade) from one style sheet to another. The cascade is used to determine which rules will be apply to a document.

Including Styles in Tags

You’ve already seen how HTML pages are created using tags. I want to stop briefly and discuss attributes as well. An attribute is an additional bit of information that somehow affects the behavior of a tag. Attributes are included inside the opening tag in a pair. Here’s an example:

<tag attribute=”value”>

Some attributes can be used with nearly any tag; others are highly specific. One attribute that can be used with nearly any tag is style. By including the style attribute in a tag, you can include one or more style rules within a tag itself. Here’s an example using the <h1> tag:

<html>
<head>
<title>My Sample HTML Page</title>

</head>
<body>
<h1 style="font-family: Verdana, sans-serif;">Heading</h1>
</body>

</html>

The style attribute of the <h1> tag contains a style declaration. All style declarations follow this same basic pattern, with the property on the left and the value associated with that property on the right. The rule ends with a semicolon, and you can include more than one in a style attribute by placing commas between them. If you’re only including one rule in the style attribute, the semicolon is optional, but it’s a good idea to include it. In the preceding example, the property is font-family, and the value is Verdana, sans-serif. This attribute modifies the standard <h1> tag by changing the font to Verdana, and if the user doesn’t have that font installed on his system, whichever sans-serif font the browser selects.

There are many, many properties that can be used in style declarations. Putting a declaration into a style attribute is just one of several ways that you can apply styles to your webpage.

Filed under HTML XHTML And CSS. You can follow any responses to this entry through the RSS 2.0. You can leave a response by filling following comment form or trackback to this entry from your site

HTML XHTML And CSS' CATEGORY »

Introduction to HTML
From HTML To XHTML
Inside An HTML File
Creating Your First HTML Page
Intergrate CSS

1 Response for “Intergrate CSS”

  1. Geb says:
    November 23, 2010 at 4:22 pm

    genuinely a fantastic post. I will definitely be reading this blog more.

Leave a Reply