Cascading Style Sheets 101: Day 1 – What is CSS?
Hello and welcome to CSS 101, a five day course on Cascading Style Sheets or CSS.
After successfully completing this course on CSS you will know how to create a style sheet and add it to your XHTML documents.
This course will cover many aspects of CSS, such as:
- font properties
- background properties
- text properties
- box properties
- CSS positioning
In this lesson, you will learn about the basics of Cascading Style Sheets. From what they are, to basic syntax, to an explanation of cascading, and more.
Syllabus
Day 1
- What is CSS
- CSS Syntax
- Placing CSS in a Document
- An Explanation of Cascading
- Your First Style Sheet
Cascading Style Sheets Introduction
What is CSS?
Invented in 1997, Cascading Style Sheets (CSS) are just now starting to be widely used among browsers and Web developers are learning to be more comfortable with them. Those of you who use HomeSite 4.0 know that they are eventually going to take the place of tags such as FONT, which have been deprecated in HTML 4.0.
CSS Syntax
When you create a style sheet, you need to make sure that the syntax is correct. You will find that CSS is a fairly easy language to learn, but it has many applications.
Placing CSS in a Document
Style sheets can be placed in three places in a document, in the HEAD, in an external file, or within an individual tag. Style calls placed within an individual tag will only affect that tag, while other style calls affect the entire page or any page that loads the style sheet.
An Explanation of “Cascading”
Cascading is something that makes CSS even more powerful. Learn what it means for a style sheet to “cascade”.
Your First Style Sheet
As I said above, Cascading Style Sheets are fairly easy to use and apply. After only one lesson you will have created a style sheet on a Web page.