Understanding Inheritance


show more Understanding Inheritance provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS3 Beyond the Basics show less
please wait ...

Understanding Inheritance

A previous movie focused on the cascade, another core concept of CSS when determining rendering is the order of inheritance. Order of inheritance is one of the easiest CSS concepts to understand. Essentially it says that any nested tags of a parent tag will inherit the styles of the parent tag. Now not all properties inherit. Margins for example don't inherit. If you placed a 10 pixel margin on the Body tag you wouldn't want every element inside the Body tag to also have that 10 pixel margin. So we have to understand which properties inherit and which don't. There is no big rule on that, as you will just find out through experience. Now the other thing about inheritance is that if you write a style for a child tag, it will overwrite its parent's rendering if there is a conflict and you can see the example of this right on the screen. We have a div with the ID of content surrounding a paragraph that says I am feeling blue and blue is an Em tag. Well, with the rules, the...

Understanding Inheritance
Video duration: 5m 8s 11h 10m Intermediate

Viewers:

Understanding Inheritance provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS3 Beyond the Basics

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...