CSS Layout & Responsive Design
Educational Notes (Quick Links)
- HTML and CSS Basics
- Floating Elements
- Nested Elements
- Negative Margin & Float Layout
- ‘Float’ Over ‘Position’ Sometimes
- The ‘Position’ Property
- Adaptive Images
- Use Media Queries Sparingly
- CSS Inheritance
- Source Order, Specificity, And !important
- Display (Inline vs Block)
- Pseudo Elements
- Pseudo Classes
Further Reading
Heads up! this post was created when Microthemer was at version 4. The current version is 7. Some references to the interface may be out of date.
Microthemer in-program CSS reference
You can find out more about individual CSS properties right from the Microthemer interface. Simply hover of any CSS property icon (e.g. ) then click the name of the property (e.g. color) in the tooltip that appears. A window will popup with information about the property and links to relevant tutorials on the right.
Online Free Resources
Recommended Books
I’m a big fan of Sitepoint web development books. And here’s a fairly modern top 10 HTML/CSS/jQuery books.