• Lesson Index:
• Overview
• Intro CSS
• Adding Footer
• Style Text
• Shortcut Notation
• Nav Bar
• Center Links
• Style Links
• Remaining Pages
• Centering Page Content

Adding Padding to Footer

Add the following padding to the footer style...

And now it looks better...

CSS Shortcut Notation

The above four CSS padding properties can be combined into one property as in ...

You can only do this if the top and bottom padding are the same, and if the left and right padding are the same. And if you test it in your browser, it looks exactly the same as before.

This shortcut notation will cut down on the typing. And more importantly, it will reduce the size (slightly) of the CSS file making it a faster download.

The shortcut notation goes even further. If your top, bottom, left, and right padding are all the same, then you can write ...

View live code

Download: code3.zip

In the next lesson, we will add in the navigation bar.