The following style rules should be added to styles.css: The default fonts (in order of priority) should be Roboto, Helvetica, and sans-serif The heading "Comparison of Dealer Incentives and Loan Offers" should be 16px font using color #444444 and have centered text Define a container class whose contents is centered, has a 5 pixel margin, and defines a font size of 13px Each offer is defined in a tag with the class offer. Define the offer class such that: Each offer is displayed inline-block, with a fixed width of 400 pixels, a 4 pixel margin, and centered text Each offer has a 1 pixel solid border using color #cccccc with a radius of 1 pixel Each offer uses a shadow defined as: box-shadow: 0px 2px 2px #dddddd, 0px 0px 5px #dddddd; The offer title is defined in a tag with offerTitle class. Define the offerTitle class such that: The title uses 14px bold font with color #ffffff The title's background is colored #00b3b3 The title has no margin and 15 pixels of padding The offer contents are defined in a tag with class offerContents. Define the offerContents class such that: Each offer contents div has 20 pixels of padding, a 2 pixel border radius for the bottom border, and background colored #fafafa Define CSS rules such that all tables have the following styling: The table should have a width of 100%, background colored #ffffff, no border spacing, a shadow defined as: box-shadow: 0px 2px 2px #dddddd, 0px 0px 5px #dddddd; Header cells should use a 12px bold font with color #777777 Data cells should use a font lighter than normal weight with color #444444 Header cells should have 10 pixels of padding and no margin Data cells should have 10 pixels of padding on the left and right, 20 pixels of padding on top and bottom, and no margin Both header cells and data cells should left align text Both header cells and data cells should have a solid bottom border of 1 pixel using color #f1f1f1 Define a class finalValue that defines a bold font weight with color #2222ff

New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter2: Getting Started With Css: Designing A Website For A Fitness Club
Section: Chapter Questions
Problem 10RA
icon
Related questions
Question

The following style rules should be added to styles.css:

  • The default fonts (in order of priority) should be Roboto, Helvetica, and sans-serif
  • The heading "Comparison of Dealer Incentives and Loan Offers" should be 16px font using color #444444 and have centered text
  • Define a container class whose contents is centered, has a 5 pixel margin, and defines a font size of 13px
  • Each offer is defined in a <div> tag with the class offer. Define the offer class such that:
    • Each offer is displayed inline-block, with a fixed width of 400 pixels, a 4 pixel margin, and centered text
    • Each offer has a 1 pixel solid border using color #cccccc with a radius of 1 pixel
    • Each offer uses a shadow defined as:
      • box-shadow: 0px 2px 2px #dddddd, 0px 0px 5px #dddddd;
  • The offer title is defined in a <div> tag with offerTitle class. Define the offerTitle class such that:
    • The title uses 14px bold font with color #ffffff
    • The title's background is colored #00b3b3
    • The title has no margin and 15 pixels of padding
  • The offer contents are defined in a <div> tag with class offerContents. Define the offerContents class such that:
    • Each offer contents div has 20 pixels of padding, a 2 pixel border radius for the bottom border, and background colored #fafafa
  • Define CSS rules such that all tables have the following styling:
    • The table should have a width of 100%, background colored #ffffff, no border spacing, a shadow defined as:
      • box-shadow: 0px 2px 2px #dddddd, 0px 0px 5px #dddddd;
    • Header cells should use a 12px bold font with color #777777
    • Data cells should use a font lighter than normal weight with color #444444
    • Header cells should have 10 pixels of padding and no margin
    • Data cells should have 10 pixels of padding on the left and right, 20 pixels of padding on top and bottom, and no margin
    • Both header cells and data cells should left align text
    • Both header cells and data cells should have a solid bottom border of 1 pixel using color #f1f1f1
  • Define a class finalValue that defines a bold font weight with color #2222ff
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 2 steps

Blurred answer
Knowledge Booster
Hyperlinks
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:
9781337508841
Author:
Carey
Publisher:
Cengage