lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

webLightBasicChapter2Title

lesson14Title

lesson15Title

lesson16Title

lesson17Title

webLightBasicChapter1Title

webLightBasicChapter3Title

# Ways to Include CSS

**1. External CSS**

- This method involves creating separate CSS files and linking them to the HTML document.

- Code Example:
  ```html title="Linking an External CSS File to HTML"
  <head>
    <link rel="stylesheet" type="text/css" href="styles.css" />
  </head>
  ```
  The stylesheet's code is inside a separate file called `styles.css`.

<br />

**2. Internal CSS**

- This method involves defining CSS within the `<style>` tag in the `<head>` section of an HTML document. The styles defined here apply only to that specific HTML document.

- Code Example:
  ```html title="Defining Internal CSS in an HTML Document"
  <head>
    <style>
      body {
        background-color: lightblue;
      }
    </style>
  </head>
  ```

<br />

**3. Inline CSS**

- This method involves applying styles directly to HTML elements. The defined styles apply only to the specific element they are inline with.

- Code Example:
  ```html title="Applying Inline CSS to an 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, maintainability, etc.

<br />

### Follow the highlighted code sections for practice.