CSS Home

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:
  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

Next: Color Theory