Question: On your main page, use an inline style to change font name (i.e. Arial, Times New Roman, etc.) and font color on all of your

On your main page, use an inline style to change font name (i.e. Arial, Times New Roman, etc.) and font color on all of your headings on your index page.

On your resourcces page, use an inline style to bold and remove the default underline on all of your links..

Create a new page and name it pictures.html  On that page do the following:

  • Insert 5 images. You can save images from the Internet by right clicking on an image and choosing the Save option.  We will discuss copyright issues at a later date.  If you use a stock photo site that provides free images like pixabay.com, you will be in good shape.
  • Make sure that all five images are accessible by including an alt attribute.
  • On the same page, using an embedded stylesheet, create at least two CSS classes named borderone and bordertwo that define different CSS for the width, style, and color of a border. Assign each of your images to one of the classes.

Next, create an external stylesheet named styles.css

Define a background image using background-image for the body in this stylesheet.  Also use two additional background properties from the following:

  • background-position
  • background-repeat
  • background-attachment
  • background-size

Link the style sheet to all of three of your pages so that they all have the same background appearance.

Use one of the icon generators listed in your textbook to create a Favorites Icon for your site.  Then use the code in your textbook to link your icon to all three of your pages.

Finally, use three(3) of the following CSS3 properties somewhere on your site:

  • text-shadow
  • border-radius
  • box-shadow
  • opacity
  • linear-gradient
  • radial gradient

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 Programming Questions!