How CSS works

An example

<html>
   <head>
       <style>
			h1 {
				color: red;
			}
       </style>
   </head>


   <body>
       <h1>My first heading</h1>
       <p>Look, it's my <strong>first</strong> paragraph. This 
can be any block of text.</p> </body> </html>


						h1 { 
							color: red;
							font-family: ‘Comic Sans MS’; 
						} 


					


						h1 { 
							color: red;
							font-family: ‘Comic Sans MS’; 
						} 

						p {
							font-size: 18px;
						}


					

With your mentors:

  1. Get comfortable writing CSS, using the properties below:
    • color, font-family, font-size
    • border, font-weight
    • Look up: underline
  2. Do exercise #2 on your handout