How to Use an External CSS Style Sheet File

How to Use an External CSS Style Sheet File

What is this Tutorial About?

Visual Step by Step Workbook on how to link one CSS file to multiple HTML files. This takes a mini website with a parent child navigation plan and refactors the pages to share one CSS file. Demonstrates the advantages of sharing a single CSS file using web inspection tools. You will investigate the web browser caching advantage and the CSS style maintenance advantage. You all explore testing and debugging options for external stylesheets available in the web inspection tools.

What is Covered?

All the web pages and CSS are completed. You just perform the refactoring to use a single CSS file. The following are the topics that are covered:

• Update micro website to share a single stylesheet
• Understand how to use the link element
• Change the external stylesheet
• View and test with web browser

Who Should Take This Tutorial?

This is designed for anyone who is learning about HTML and CSS for the first time and wants a better understanding of how to link a stylesheet to multiple web pages.

What Do You Need to Follow this Tutorial?

• Web browser: You can use any web browser.

• Visual Step by Step Workbook: Download

• Follow Along Practice Files: Download