CSS Activity 1

So far we have covered design concepts, how to incorporate CSS, and basic CSS syntax. We have reviewed examples of text-align, font-family, font-size, padding, margin, and border properties. Let's try and pull together some of these new ideas in a CSS file.

1. Add a link to the head of your index.html file like this: <link href="style.css" type="text/css" rel="stylesheet" />
2. Create a new file, name it style.css and save the file in the same folder as your HTML files.
3. Change the font-family property of your headings and paragraph text to one of the following fonts:
   • Helvetica
   • Arial
   • Tahoma
   • Verdana
4. Add a margin to your body element
5. Experiment with text-align and font-size properties of your h1s if have covered the above.

Refer to design tips for help Previous: Design Tips