13 Styles: Making it pretty

 

In this chapter

  • Erik and Emily experiment with styles, colors, and fonts
  • Erik and Emily create a new home page for the shop
  • Erik and Emily add pictures to their pages

“Let’s make it pretty!” Simon said when the friends met the next time.

“You mean—using styles for our HTML files?” Emily asked. “We used styles in our HTML class. You can change colors, font sizes, and backgrounds. It’s pretty neat!”

Simon said, “Yes, let’s talk about styles. Emily, can you explain a little bit?”

“It’s called CSS. And it stands for . . . ,” she paused for a moment, remembering. “It stands for Cascading Style Sheets, right?” and she looked at Simon. “But honestly, I don’t remember why.”

“You’re right!” Simon said. “Cascading Style Sheets it is! They are called style sheets because they are just plain text files describing styles. Styles specify the ways your HTML elements look on the page. For example, you can say that your <h2> headers should have a size of 36 pixels and should be red. Or they should use a specific font.”

New things you have learned today

Code for this chapter