💡 What is CSS?

CSS stands for Cascading Style Sheets. It allows you to control the look and feel of your website, separate from the HTML structure. This makes your code:

• 🔄 Easier to maintain
• 📱 More responsive (mobile-friendly)
• ⚙️ More flexible and powerful

📄 Example: HTML Without CSS

<h1>Welcome to My Website</h1>
<p>This is a simple paragraph.</p>

🎨 Example: HTML With CSS

<style>
  h1 {
    color: #fe9d0c;
    font-size: 36px;
  }

  p {
    color: #333;
    font-size: 18px;
  }
</style>

🧠 Why Was CSS Created?

In early HTML, web developers used tags like <font> and inline attributes to style pages. This made pages:

• ❌ Hard to manage
• ❌ Inconsistent in appearance
• ❌ Time-consuming to update

CSS solved all these problems by allowing a single style rule to control the look of multiple HTML elements across the entire site.