CSS styles your HTML.
  HTML should focus on structure, CSS on design.
  
  ## Link CSS file
  Create `styles.css` and link it in head:
  
  ```html
  <head>
    <link rel="stylesheet" href="styles.css" />
  </head>
  ```
  
  ## Example CSS (styles.css)
  ```css
  h1 { color: darkblue; }
  p { font-size: 18px; }
  ```
  
  ## Preview
  Your heading becomes dark blue, paragraph becomes bigger.
  
  ## Why separate file is better
  - easy to manage
  - same CSS can style multiple pages

Connect a CSS file to HTML and understand why CSS is separate from HTML.

HTML CSS

Learn HTML fundamentals for building web pages: semantic structure, forms, accessibility, and best practices.

HTML CSS

Link CSS file

Example CSS (styles.css)

Preview

Why separate file is better

More on HTML

HTML Introduction

HTML Introduction

HTML Editors