Styling multiple terms


show more Styling multiple terms provides you with in-depth training on Web. Taught by Joseph Lowery as part of the CSS: Formatting Visual Data show less
please wait ...

Styling multiple terms

In the opening lesson of this chapter, I mentioned that it's possible for a definition list to have multiple data definitions, as coded with the DD tag. In this lesson, I'll show you a number of techniques for styling multiple definitions. Let me start, by showing you the end result of our styling. You might think, that the series of artworks shown here in the recent work section, were laid out with a number of divs or, if you want to go old school, a table. But as you probably suspect, this is all done with definition lists.

The title of each artwork is a data term, and all the information, the image, artists, medium and year, and price, are all data definitions. Best of all, the styling is done by working with just the basic tags, no classes or IDs are used. Before we start with this CSS, I want to show you what the definition list looks like unstyled. As you can see, everything is in the standard definition default appearance.

My art tiles are flush left, and all...

Styling multiple terms
Video duration: 4m 11s 1h 37m Intermediate

Viewers:

Styling multiple terms provides you with in-depth training on Web. Taught by Joseph Lowery as part of the CSS: Formatting Visual Data

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