CSUN Wordmark

Introduction to CSS/Dreamweaver

EXERCISE 1c (defining fonts)

Define a font on the body element using either em's, keywords (small) or percentages. Defining font size using pixels constrains the ability of browsers(Explorer) to size the text according to the user needs.

Example Page
body {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}

h1 {
font-size:1.5em;
border:1px solid #006600;
margin:0;
padding:0;
}


h2 {
font-size:1.25em;
border:2px solid #990000;
margin:0;
padding:0;
}


h3 {
color:#003399;
font-size:1em;
border:3px solid #003399;
margin:0;
padding:0;
}


ul {
font-size:.75em;
border:4px solid #003333;
margin:0;
padding:0;
}


p {
font-size:.75em;
border:5px solid #330000;
margin:0;
padding:0;
}


img {
border:6px solid #660000;
margin:0;
padding:0;
}