My Favorite Foods

So far we have just made plain old text. Let’s give it some style. We do that with a language called CSS, which stands for “Cascading Style Sheets.”

Goal

Make a page where some elements use different fonts and colors.

Example

Example on codepen: https://codepen.io/joe_bacal/pen/ZJYmLe?editors=1100

Clues

HTML Tags you will need

<h1>, <ul>, <li>, <p>

CSS Properties you will need

font-family 
color
text-align
border

CSS Rules Syntax

  • The first item is the thing you want to add style to.
  • The rules for that thing go between curly brackets and end with a semi-colon.

  • Rules “cascade." Meaning they keep affecting everything inside the element. So when we color a <ul> red, all the <li>s inside it turn red too.

results matching ""

    No results matching ""