Session 3 - Cascading Style Sheets

  

Right click on each image and save in the images subfolder

image1 image2 image3 image4

1. Copy the HTML script into the editor

5_1

Save as CSS.html and Browse

2. Move inline styles to head section and add some extra styles.

3. Add a Programs section using the saved images.

5_2

4. Add a Top Section.

Right click the image and save as logo.png in images sub-folder.

5_3

5. Update Index and Browse

Open Website

Library Style File

1. Create CSS library file

Save as styles.css in assets sub folder

2. Insert assets/styles.css link.

3. Add main, header and footer with styles.

Open Website