HTML and CSS Reference
In-Depth Information
Exercises
n
What kind of layouts can you create with CSS? Choose your favorite sites—either
your own or some you enjoy using—and duplicate their layout styles with CSS.
Existing sites make good models for doing your own practice, but keep in mind
that unless you get permission, you shouldn't just steal someone else's code. Start
with the visual appearance as you see it on the screen, and draw out boxes on
paper as guidelines showing you where various columns are located. Use that as
your model to write the HTML and CSS for building a similar layout.
Try both of the techniques described in this lesson—using absolutely positioned
content and using floating columns. Start with one version and convert it over to
the other. Find a style of page that looks right to you, and the CSS code that you
think is easiest to understand, apply, and modify consistently.
n
