Styling with Emmet

Emmet can also be used in CSS.

Add a background image to the page

In the "index.html" page in the "start" project, add a style tag just below the link tag.

• Enter style and press tab

Inside the style tag, create a style for the main html element.

Add a background image and set it's properties...

• Enter bgi press tab

  • Set the url to "background.jpeg"

• Enter bgr press tab

  • Set the value to "no-repeat"

• Enter bgs press tab

  • Set the value to "cover"

• Set the height to 100%

  • Enter h100p press tab

• Set the min-height to 1400px

  • Enter mh1400 press tab

Style the rest of the page

Add a style for the body element

• Set the "background-color" to "RGBA(255, 255, 255, 0.8)

  • Enter bgc press tab

• Set the height to 100%

  • Enter h100p

Add a style for the #app ID

• Set the max-width to 800px

  • Enter maw800 press tab