Question: I need help with creating a web page to demonstrate CSS color, text, and the box model. This web page should be a representation of

I need help with creating a web page to demonstrate CSS color, text, and the box model. This web page should be a representation of your personal style, and simultaneously pleasant to view. There is an example below.

Requirements:

  • Use an external style sheet, no internal or inline styles
  • Apply your favorite color to the background of your web page using HSL color
  • Remove all padding and margins from you and elements
  • Name Header
    • The first content element on this web page should be a

      that contains your full name.

    • Color the font using a named color
    • Add at least 4 CSS declarations that will change how your name appears (examples: font, spacing, shadow, alignment)
    • Make sure your name is situated legibly on the page, not touching the top edge
  • Content Blocks
    • Create 3 content blocks that are (or contain) a paragraph with the same exact text. You can use a single paragraph from a text generator like lorem ipsum (Links to an external site.).
    • Declare a border, margin, and padding for all 3
    • Declare a color for the text using HSL, RGB, and HEX. 1 content block for each.
    • Add at least 4 CSS declarations that will change the appearance of the content blocks text. The goal here is to make each unique even though they contain the same content, it may be a good idea to start with different fonts...as a bonus you can bring in a external font.

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!