Applying the system in the CSS


show more Applying the system in the CSS provides you with in-depth training on Web. Taught by Laura Franz as part of the Typography for Web Designers show less
please wait ...

Applying the system in the CSS

In this lesson we're going to apply our vertical spacing system to our serif bibliography. You need the biblio_serif_vspace.html and biblio_serif_vspace.css files from the Exercise folder. You will also need the fonts folder you created in Lesson 3 of this chapter, with the web font files for Chopin Script in it, for the font to continue to load properly. Make sure you drag a copy of the font folder into your Exercise folder and open up the HTML file in the browser so we can see what we're working with.

You can see the default vertical spacing system is still in use. In the last lesson I showed you a better system, specific to the needs of the text on this page. We are going to apply that system here. Open up the CSS file. First, let's take control of the vertical spacing system by zeroing out the default margins and padding. We do that in the universal selector. I'm adding a margin of 0 and a padding of 0.

This tells the browser to set all margins and padding to zero unless to...

Applying the system in the CSS
Video duration: 4m 19s 6h 25m Appropriate for all

Viewers:

Applying the system in the CSS provides you with in-depth training on Web. Taught by Laura Franz as part of the Typography for Web Designers

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