CSS (Cascading Style Sheets) is a stylesheet language used to control the presentation and layout of web pages written in HTML or XML. It defines how elements should be displayed on the screen, in print, or even in speech.

Key Uses of CSS:

1. Styling Web Pages
2. • Controls colors, fonts, sizes, spacing, and borders.
   • Example: Changing text color, background, or font family.
2. Layout Control
3. • Positions elements on a webpage (like sidebars, grids, or flexbox layouts).
   • Example: Creating responsive designs that adapt to different screen sizes.
3. Separation of Content & Design
4. • Keeps HTML (structure) and CSS (style) separate for cleaner code.
   • Makes websites easier to maintain and update.
4. Responsive Design (Mobile-Friendly)
5. • Uses media queries to adjust layouts for phones, tablets, and desktops.
   • Example: Stacking elements vertically on mobile but horizontally on desktop.
5. Animations & Effects
6. • Adds hover effects, transitions, and animations without JavaScript.
   • Example: Button color changes when hovered.
6. Consistency Across Websites
7. • A single CSS file can style multiple pages uniformly.

Example of CSS in Action:

html

<!-- HTML -->
<h1 class="title">Hello, World!</h1>

css

/* CSS */
.title {
  color: blue;
  font-size: 24px;
  text-align: center;
}

Result:
The text "Hello, World!" appears in blue, centered, and with a font size of 24px.

Why Use CSS?

• Faster Loading: Reduces repetitive styling in HTML.
• Better User Experience: Makes websites visually appealing.
• Easier Maintenance: Change styles globally by editing one file.

CSS works alongside HTML (structure) and JavaScript (functionality) to build modern, interactive websites. 🚀