Styla saysCSS styles HTML — it takes your structured markup and controls color, spacing, layout, and motion.
HTML gives a page structure; CSS (Cascading Style Sheets) gives it appearance. You write rules that select elements and declare how they should look. Separating style from structure means one stylesheet can restyle a thousand pages, and you can redesign without touching the HTML.
Power-ups you unlock
CSS controls color, spacing, layout, and motion
Structure (HTML) and style (CSS) stay separate
One stylesheet can restyle an entire site
Redesign without editing the markup
The Specificity Sphinx attacks — common mistakes
Styling inline on every element instead of using CSS rules
Mixing layout concerns into HTML with deprecated attributes
Treating CSS as an afterthought instead of designing with it
Boss battleEdit the <style> block to change the heading color and the body background. One rule, instant restyle.
Example code
<!doctype html><html><head><meta charset="utf-8">
<style>body{background:#06040d;color:#e6e0ff;font-family:sans-serif;padding:20px}h1{color:#b388ff}</style>
</head><body><h1>styled by css</h1><p>change the rules above.</p></body></html>