Chapter 4: Importing CSS Code

A Complete Frontend Developer Textbook for Beginners (2023 Edition)

This is the textbook version of Lesson 4 of 100 from the Udemy video course: A Complete Frontend Developer Course for Beginners

← Chapter 3: Tree Structures in HTML, CSS and JavaScript

← Table of Contents

Overview

This lesson covers the following HTML tags, CSS topics, and JavaScript commands for the first time:

HTML

1. link
2. style

CSS

1. attribute
2. style (attribute)

JS

None.

This lesson begins with a fresh Codepen. Open a new one and code along with me to increase retention!

Lecture

In this lesson, we explore three different ways to include CSS code in our HTML document.

External CSS

The first method is called external.

Method 1: External CSS

When we write our CSS code in this window on Codepen:

CSS Window (Codepen 1):