hands-on lab

Understanding and Using CSS Properties

Up to 45m
Get guided in a real environmentPractice with a step-by-step scenario in a real, provisioned environment.
Learn and validateUse validations to check your solutions every step of the way.
See resultsTrack your knowledge and monitor your progress.


Cascading Style Sheets (CSS) properties allow you to specify style attributes and apply them to HTML elements. By using and combining CSS properties you can modify the appearance of elements on a web page.

In this lab, you will add CSS properties to CSS rule declaration blocks and see how they affect HTML elements.

Learning Objectives

Upon completion of this beginner-level lab, you will be able to:

  • Use the color property
  • Change font size and style using properties
  • Set the background color and image properties

Intended Audience

  • Beginners learning front-end development
  • Software Engineers who need to learn front-end technologies to expand their skillset


Familiarity with the following will be beneficial but is not required:

  • Cascading Style Sheets (CSS)
  • Hypertext Markup Language (HTML)

The following content can be used to fulfill the prerequisite:

About the author

Learning paths

Andrew is a Labs Developer with previous experience in the Internet Service Provider, Audio Streaming, and CryptoCurrency industries. He has also been a DevOps Engineer and enjoys working with CI/CD and Kubernetes.

He holds multiple AWS certifications including Solutions Architect Associate and Professional.

Covered topics

Lab steps

Using the CSS Color Property
Using Font Properties
Using Background Properties