Lesson 2: Introducing Styles

This video will likely be best viewed in fullscreen mode.  It's about 6 minutes long.  You can download the resulting file below.

Now that we've got a webpage with a table on it for our game, we'll introduce styles so that we can make our gameboard look they way we'd like.  We'll use width, height, text-align, font-size, and font-weight to manipulate the way the boxes in our gameboard work.

Some thoughts:
  • What if you create 2 (or more) style classes?  Can you make different squares on your board look differently?
  • Try using a background-color property.  Can you change the background color of your squares?

Timothy James,
Apr 24, 2014, 12:50 PM