This page's stylesheet was thrown together in an afternoon for the sole
purpose of creating this demonstration, so please don't grade it for
accessability or aesthetics. That said, here are the features of this
stylesheet: (Didn't know there were any, did you?)
- Margin and padding settings that differ in the vertical and horizontal dimensions
- Asymmetric borders
- Negative margins! This one's fun.
- Explicit width/height
- "Border background" (repeat-y)
Here are some things that are not features of this stylesheet
that would make the logical collapse even more devastating:
- Absolute positioning
- Scripted layout
- Multi-directional text
If you're going to build a house, you want to make sure there's a
solid foundation under everything you build up. Thus building houses
on avalanche-prone hillsides is generally not recommended.
Building logic likewise needs a strong foundation. If you're
building on top of a set of assumptions and relying heavily on them
throughout, breaking those assumptions will break most, if not all,
of your logic. In this sense, a stylesheet is a sort of logical
argument. If it's based on the assumption that text will flow
vertically and relies heavily on that assumption in all of the box
model rules, switching the text to a horizontal flow will break most,
though not all, of the design.
End of filler text.