Applying CSS Rule Sets

Introduction

Welcome to the Applying CSS Rule Sets Practice Lab. In this module, you will be provided with the instructions and devices needed to develop your hands-on skills.

Exam Objectives

The following exam objective is covered in this lab:

2.3 Construct well-formed style sheets that conform to industry best practices

Lab Duration

It will take approximately 20 minutes to complete this lab.

Exercise 1 - Applying CSS Rule Sets

You can link external style sheets to multiple HTML pages. This will ensure a consistent display of HTML elements across pages. Changes in the external style sheet will be applied in all the linked pages.

In this exercise, you will first open the VS Code workspace and create a new HTML page named aboutus.html in it. The aboutus.html will display a brief content about Smart Learning Solutions. You will link the external style sheet styles.css with aboutus.html. The styles specified in the style sheet will be applied to the elements in aboutus.html.

Learning Outcomes

After completing this exercise, you will be able to:

• Apply a created CSS rule set to a HTML page