|Home| |Creating Links| CSS| |Tables| Forms| |Copyright| |Frames| |Graphics

Using Cascading Style Sheets In HTML

Using Cascading Style Sheets allows you to modify a portion of a page by defining specific styles to be used in areas defined by the coded tag. I.e., creating a style for the < h1 > tag will cause all areas within that tag to be modified to look as defined by the style sheet.


Inline Styles

Inline Styles are used to provide a look to a single occurrence of an element of a web page.

Internal Styles

Internal Style Sheets are used when an individual document has a style all its own.

External (Linked) Style Sheets

External Style Sheets are used on many pages at once. These are often stored in seperate .css files and then linked to by each page to use the style sheet.

Class Rules

Class rules are named sets of formatting instructions that allow you to define a specific-purpose style in the style sheet that can be triggered in the document code.

Links to CSS Resources

Here are some links to some HTML resources which you may find useful. Feel free to click on any link to view the content on each site.

  1. Cascading Style Sheets
  2. An Intro to CSS
  3. Webopedia Entry on CSS

Semantic Markup

Semantic Markup means to use tags to make elements have a more useful and meaningful purpose.

Screen Readers

A screen reader is a program used by people who are hard-of-sight to read the text on a screen to them.

Browser Defaults

These are built-in methods of displaying HTML elements, but they can be overridden by the user's tags.

CSS Font Measurement Units

This involves using a Cascading Style Sheet to set the size of the font on a page - overriding the built-in default.

"Cascade" in Cascading Style Sheets

A cascade is the way specific style rules are implemented in a given order.

Using Multiple Style Sheets

Did you know that you can use more than one style sheet on your site? You can! Oftentimes you'll want a specific look to be displayed all across your website but on a specific page you may want an element just a wee bit different. You can make this happen by coding in multiple style sheets!

Automatically Generated Styles

When using Expression Web to design your website, often times you will use a dialog box or a toolbar to make some changes to the way your page(s) look(s). When you do this, a new style will be created automatically and added to the style sheet for you.


Page modified on November 25, 2008
Page modified by Tim Schoon