CSS stylesLearn CSS quickly and easily

Different background colors have been applied to each navigational heading and each list of links underneath each heading. A background color has been applied to the <h1> heading containing the page’s title, the body of the dinner menu itself, and the <h6> heading containing the page’s footer. I’ve already covered the background-color property fairly extensively in previous chapters, but here’s a review of the most important modifications made to the menu_system.css style sheet. The following shows how these modifications impact the presentation of the web page.

The first modification to the menu_system.css style sheet is made to give each heading a light blue background color.

div#nav > ul > li {
background-color: lightblue;
padding: 0.5em;