hands-on lab

Understanding and Using CSS Properties

Beginner
45m
114
5/5
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.
Lab description

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

Prerequisites

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
Avatar
Andrew Burchill
Labs Developer
Students
65,209
Labs
160
Courses
2
Learning paths
4

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