Download

One self-contained stylesheet: no build step, no dependencies.

Link it from the CDN

The quickest way is to point at the hosted file:

<link rel="stylesheet" href="https://stylesheet.org/stylesheet.css">

Link tag pointing at the CDN stylesheet

Or grab the file

Download stylesheet.css

Starter page

Copy this and start writing semantic HTML; every tag is already styled.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My site</title>
  <link rel="stylesheet" href="https://stylesheet.org/stylesheet.css">
</head>
<body>
  <header>
    <nav aria-label="Primary">
      <a href="/">My site</a>
      <ul>
        <li><a href="/" aria-current="page">Home</a></li>
        <li><a href="/about/">About</a></li>
      </ul>
    </nav>
  </header>

  <main>
    <h1>Welcome</h1>
    <p>Just write tags — no classes needed.</p>
    <section>
      <h2>A section</h2>
      <p>Sections open with a plain heading.</p>
    </section>
  </main>

  <footer><p>© My site</p></footer>
</body>
</html>

Complete starter HTML page using the stylesheet

What you get

Semantic elements

headings, p, a, lists, code, pre, blockquote, table, form, input, select, textarea, button, header, nav, main, section, menu, footer.

A few classes

row, column, grid, flow, stretch, panel, card, chip, buttons, status, paging. These cover the jobs HTML has no element for.