Your First Web Site: The Basics Introduction to CSS Part III

In Part II the focus was on how HTML described content. A very simple primitive web page was created with no styling applied to the web page. The output to the browser window looks more like something that you would see in a word processor, something very generic like a letter or essay.

Part III builds upon part II. In this part cascading style sheets will be introduced at the most basic level

Three different ways of using style sheets will be discussed and they are:

  1. External Style Sheets
  2. Internal Style Sheets
  3. Inline Style Sheets.

Each Style sheet has its own use, if you’re setting up multiple pages then the external style sheet is the better choice, on the other hand, if you are creating a single page then the internal style sheet is the best choice. If you are just intending of change the style inside a previously declared id or a single occurrence of a style the inline style sheet may be worth consider. All three are discussed in the video.

Selectors have three main components to them and they are

  1. declaration
  2. Property
  3. value

There are three types of selectors;

  1. The Element Selector
  2. The Class Selector
  3. The Id Selector.

Selectors are talked about in greater details in the video and the notes.

To conclude style sheets determine the appearance, feel and layout of your webpage or websites.


files for this tutorial can be downloaded here click here to download

Advertisements