CSS classes and IDs

Examples

<html>
   <head>
       <style>
			.body-text {
				font-size: 20px;
			}
			#author {
				text-transform: uppercase;
			}
       </style>
   </head>


   <body>
       <p class="body-text" >Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. </p>
       <p class="body-text" > Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
       <p id="author" >By Tom Giratikanon </p>
   </body>
</html>	
					

Ben's Chili Bowl

JSFiddle

With your mentors:

  1. Practice writing classes and IDs
  2. Do exercise #3 on your handout

<BLINK>Lunch is here! Lunch is here! Lunch is here! Lunch is here! Lunch is here!</BLINK>