lab 2 images and css
On your main page, use an inline style to change CSS properties font-family, font-size, and text-align for all of your headings.
On your links page, use an inline style to italicize your links and remove the default underline.
Create a new page and name it images.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 border1 and border2 that define the width, style, and color of a border and assign your images to the classes you’ve just created.
Next, create an external stylesheet named mystyles.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 at the bottom of page 161 in your textbook to create a Favorites Icon for your site. The use the code at the top of page 161 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
When you submit your assignment, in addition to providing the files, also write a brief note telling me where to find the additional CSS3 styles.
Zip all of your files, including your html, css, and image files, and attach here in the assignment tool by the due date.
