See here for an example of this!
The title is a bit misleading. There's really no true inhertance in CSS. But that doesn't mean we
can't do inheritance-like things. For example, say we wanted to make a css class called
Note that all it contains is the background-color rule. Now, our html might look like this:
<div class="button button-good">Press Me!</div>
Here we've given the element both the button and button-good classes, so both sets of
styles will be applied. On th
p:first-child cfw_ /* selects all <p>'s that are the first child of their
To read about all the different psuedo-selectors, read this article. To see more psuedo selectors in
action, see this live example.
BLOCK VS INLIN
You likely won't need to use z-index very often, but it's important to know nonetheless.
And of course, as with most things CSS, the rules are actually a little bit more complicated.
See this page for more information.
THE CSS DISPLAY PROPERTY
The CSS dis
The element is positioned relative to the browser window, and will not move even
if the page is scrolled.
o Effectively pulls the element out of the document-other elemetns will ignore it
when positioning themselves.
o Accepts top, right, bottom, and left
Floating is one of the most complicated concepts in CSS, and is hard to explain adequately in
just a paragraph or two. I strongly suggest you read this article (and perhaps this one too) to get
the full scoop.
In the meantime, here are some of the common
The layout engine in your browser is responsible for computing the positioning of everything on
a webpage. Different browsers use different layout engines, which is the main reason that we
there inconsistencies between them. Here are a few
Have an outer container with a width of 100%, forcing it to fill the entire browser
window, regardless of how big or small that may be.
Have subsections within the otuer container with widths that are usually defined with
960.gs - Available in either 12 or 16 columns, which fit inside a 960px wide container.
Skeleton - A responsive grid system (among other things) which uses CSS3 media
queries to change the grid system on the fly for devices with smaller screens.
Each image you load is another HTTP request. Only so many HTTP requests can run in parallel
for any given domain. Because of this, our page will load faster if we can minimize the number
of HTTP requests we're making. One common way to do th