What is CSS?

Take Quiz (2)

What is CSS?

CSS stands for Cascading Style Sheets. It controls the visual presentation of HTML elements — colours, fonts, spacing, layout, and more.

The Relationship: HTML + CSS

HTML = structure (the skeleton)
CSS = style (the clothing)

Three Ways to Add CSS

Inline — style attribute on an element (lowest priority to maintain)
Internal — <style> block in the <head>
External — Separate .css file linked with <link> (best practice)

Example

/* Inline */
<p style="color: blue;">Blue text</p>

/* Internal — inside <head> */
<style>
  p { color: blue; }
</style>

/* External — linked file */
<link rel="stylesheet" href="styles.css">

/* styles.css */
p {
  color: blue;
  font-size: 16px;
}

CSS

Full Editor

Related Resources

CSS Reference

Complete tag & property list

CSS How-To Guides

Step-by-step practical guides

CSS Exercises

Practice what you've learned