Understanding the CSS Cascade

Lesson 1, Step 1: Introduction to this Course

Courses Outline

Lesson 1: Getting Started
Free
Introduction to this Course
2:10
Types of Style Sheets, Normal vs/ Important Declarations & Conflict
5:08
Lesson 2: Sorting by origin and importance
Gathering and Sorting Declarations & Exercise
9:29
Lesson 3: Specificity
Determining the Selector Weight
9:07
Exercise on Specificity
9:35
Lesson 4: Order
Determining the Order Specified & Exercise
6:16
Lesson 5: The Future
The CSS3 Cascade
4:47
Lesson 6: Postscript
Override Declarations
2:01
Course Resources

Understanding the CSS Cascade

Lesson 1, Step 1: Introduction to this Course

Transcript

[00:00:00:180] Good day, my name’s Russ Weakley from Max Design, welcome to Understanding the CSS Cascade. This course is for people who are new to CSS, the aim is to provide you with a solid understanding of the CSS Cascade. The cascade is one of the core principles of CSS, after all that’s why it’s called Cascading Style Sheets.

[00:00:23:330] If you have ever written a CSS rule and wondered why it wasn’t applied by the browser, there’s a good chance it has something to do with the cascade. Lesson one is an introduction to the cascade. We’re going to look at types of style sheets, normal versus important declarations, and also, what is conflict.

[00:00:41:260] Lesson two is about origin and importance. We’re going to look at the first step of the cascade, which is gathering the declarations and the second step of the cascade, which is sorting by origin and importance. And then we’ll do an exercise on origin and importance. Lesson three is all about specificity.

[00:00:59:061] We’re going to look at step three of the cascade, which is determining selector weight. And then we’ll do an exercise on specificity. In lesson four, it’s all about order. We’re going to look at step four of the cascade, which is determining the order specified, and then we’ll do an exercise on order.

[00:01:18:090] And finally, lesson five is about the future. We’re going to look at the CSS3 cascade, and also a bit of a postscript as well. In order to do this course, you really only need two things. Some sort of text editor, and that can be anything from Atom, BBedit, Brackets, Coda, et cetera, and a modern browser.

[00:01:39:469] Now we’re going to define modern browsers as any browser, including or above Internet Explorer 9, Chrome 12, Firefox 5, Safari 5.1, and Opera 11.5. For lessons two, three, and four, there’s going to be a series of exercises. In each case there’ll be a start and a finished folder.

[00:02:03:360] The start folder is the one we’re going to use to do the exercises. The finished folder is there just so you can check your code.