Task 14 Create a style rule for the figcaption element that sets the font-size to 1em. Create a style rule for the aside element that sets the grid-column value to 1 / span 4.
Added by Shawna P.
Step 1
Step 1: Open your CSS file or style section in your HTML document where you want to add the styles. Show more…
Show all steps
Your feedback will help us improve your experience
Akash M and 93 other AP CS educators are ready to help you.
Ask a new question
Labs
Want to see this concept in action?
Explore this concept interactively to see how it behaves as you change inputs.
Key Concepts
Recommended Videos
Problem 3: A Soldier's Scrapbook CSS Styles hovered map marker: a.battleMarkers:hover + div.mapInfo Write a style rule for this selector that sets its display property to block. 31 float: left; 32 line-height: 0.8em; 33 margin:0px 5px 5px 0px; 34} 35/*Aside Styles*/ 36 37aside { 38width:768; 39float: left; 40} 41 42 43/*Map Styles*/ 44 45div#battleMap { 46width:688px; 47margin-bottom:20px; 48margin-top:20px; 49margin-left:auto; 50margin-right: auto; 51position:relative; 52} 53 54img#mapImage { 55display:block; 56width: 100%; 57} TASKS Complete the Aside Styles step described above. Complete the Map Styles step described above. Complete the Int... Complete the Ma...
Akash M.
In the index.html file, create a table with seven rows and four columns. Include a caption with the text, "Course Schedule." Use the skills you have learned in this chapter to create the table shown in Figure 8-68. Note that you will need to properly use the thead and tbody elements, as well as rowspan and colspan attributes. Use the styles.css file to create style rules to design the table as shown in Figure 8-68. The table uses the following hexadecimal color codes: ffe5dc (body background-color), fd4d0c (table border color), 792101 (box shadow color), a22c02 (table data border color), fe9772 (odd rows background color). Apply a box shadow to the table and a sans-serif font to the page. <!DOCTYPE html> <html lang="en"> <head> <title>Chapter 8, Extend</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/styles.css"> </head> <body> <table id="tableb"> <caption><h2>Course Schedule</h2></caption> <thead> <tr> <th rowspan="2">Class</th> <th colspan="4">Term</th> </tr> <tr> <th>Fall</th> <th>Spring</th> <th>Summer</th> </tr> </thead> <tbody> <tr> <td>Webpage Design</td> <td>MW 11:00-12:15pm</td> <td>TR 12:30-1:45pm</td> <td>Online</td> </tr> <tr> <td>JavaScript</td> <td>M 5:00-7:45pm</td> <td>T 11:00-12:15pm</td> <td>Hybrid</td> </tr> <tr> <td>Advanced Webpage Design</td> <td>R 5:00-7:45pm</td> <td>T 7:00-9:45pm</td> <td>Online</td> </tr> <tr> <td>Introduction to Programming</td> <td>TR 2:00-3:15pm</td> <td>MW 2:00-3:15pm</td> <td>Not Available</td> </tr> <tr> <td>Graphic Design</td> <td>M 5:00-7:45pm</td> <td>W 7:00-9:45pm</td> <td>Not Available</td> </tr> </tbody> </table> </body> </html> /* CSS Reset */ body, main, footer, table { margin: 0; padding: 0; border: 0; } /* Style rule for the container */ #container { width: 80%; margin: 0 auto; }
In the code2-1.css file, create a style rule for the h1 element that sets the font-size property to 3.5em and sets the line-height property to 0em.
Supreeta N.
Recommended Textbooks
Computer Science and Information Technology
Introduction to Programming Using Python
Computer Science - An Overview
Transcript
Watch the video solution with this free unlock.
EMAIL
PASSWORD