hands-on lab

Understanding and Using CSS Properties

Difficulty: Beginner
Duration: Up to 45 minutes
Students: 160
Rating: 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.

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:

Covered topics

Lab steps

Using the CSS Color Property
Using Font Properties
Using Background Properties