lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

webIntroCssChapter1Title

webIntroCssChapter2Title

webIntroCssChapter3Title

webIntroCssChapter4Title

webIntroCssChapter5Title

# Ways to Include CSS

There are three main methods to apply the defined CSS code to an HTML document.

<br />

## 1. Using External CSS

This method involves creating a separate file for CSS code and linking that file to the HTML document.

```html title="Linking an External CSS File in HTML"
<head>
  <link rel="stylesheet" type="text/css" href="styles.css" />
</head>
```

Write your style code in a separate file named `styles.css` and link it to the HTML document using the `<link>` tag.

<br />

## 2. Using Internal CSS

You can define styles using a `<style>` tag within the `<head>` section of the HTML document.

The CSS defined this way only applies to the specific HTML document.

```html title="Defining CSS Internally in HTML"
<head>
  <style>
    body {
      background-color: lightblue;
    }
  </style>
</head>
```

<br />

## 3. Using Inline CSS

This method applies styles directly to HTML elements.

The defined style only applies to the specified element.

```html title="Applying Style Directly to HTML Element"
<p style="color:red;">This sentence is displayed in red.</p>
```

Which method to choose depends on various factors such as project requirements and ease of maintenance.

<br />

Follow the highlighted parts in the code to input them yourself.

Internal CSS is a method of defining CSS using the `<style>` tag in the `<head>` section of an HTML document. It is applied only to that specific HTML document and does not affect others.

### What is the most appropriate option to fill in the blank?