# What is CSS? — CSS Fundamentals: Layout, Flexbox, Grid and Responsive Design

Source: https://www.skillbyai.com/en/css/css-intro

> Learn what CSS is and the three ways to attach styles to HTML: inline, internal and external stylesheets.

## CSS in one line

**CSS (Cascading Style Sheets)** describes how HTML elements look — color, spacing, layout, fonts, motion. HTML gives structure; CSS gives appearance.

## Three ways to add CSS

**Inline** (`style="..."` on a tag), **internal** (a `<style>` block in `<head>`), and **external** (a separate `.css` file linked in). External is the standard for real projects.

## All three side by side

Same visual result, three attachment points.

```html
<!-- inline -->
<p style="color: crimson;">Inline</p>

<!-- internal -->
<head>
  <style>
    p { color: crimson; }
  </style>
</head>

<!-- external -->
<head>
  <link rel="stylesheet" href="styles.css">
</head>
```

## Prefer external

External stylesheets are cached by the browser and reused across pages — inline styles are the hardest to maintain and override.
