Input
Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS Variables Example</title> <style> /* Declare variables */ :root { --primary-color: #3498db; --secondary-color: #2ecc71; --font-size: 16px; } body { font-size: var(--font-size); background-color: var(--primary-color); color: white; margin: 0; padding: 20px; font-family: sans-serif; } h1 { color: var(--secondary-color); } </style> </head> <body> <h1>Welcome to CSS Variables</h1> <p>This page uses CSS variables for font size and color management.</p> </body> </html>