HTML and CSS Reference
In-Depth Information
.menu ul {display: none; position: absolute;
background-color: #f4dab2; color: #5a3702;
list-style: none; margin: 0.1em 0 0 0; padding: 0;}
.menu ul li {display: block; font-size: small; padding: 0.2em;}
div.menu:hover ul {margin: 0; padding: 0; display: block;
border-bottom: .15em solid #e0a140; border-left:
.15em solid #e0a140;}
div.menu ul li:hover {background-color: #e0a140;}
div.content
{margin-left: 20px; margin-right: 20px;
padding-top: 8%; color: #5a3702;}
3. Insert the necessary HTML in the body of the Web page to utilize the classes within the embedded style
sheet. ( Hint: Refer to the chapter project to help you determine where these classes should be inserted.)
4. Save the file as apply7-1solution.html, validate the code, and print the file.
5. View and print the Web page in your browser.
6. Submit the solution in the format specified by your instructor.
Extend Your Knowledge
Extend the skills you learned in this chapter and experiment with new skills.
Creating an External Style Sheet
Instructions: You will create and save an external style sheet, and then link it to the file extend7-1.html
from the Chapter07\Extend folder of the Data Files for Students. See the inside back cover of this
topic for instructions on downloading the Data Files for Students, or contact your instructor for
information about accessing the required files. This HTML file contains all of the text for the Web
page shown in Figure 7-18.
add external style sheet
for font and link colors
and styles
paragraph
margins changed
Figure 7-18
Continued >
 
Search WWH ::




Custom Search