Suggest an edit

Improve this article

Refine the answer for “What is CSS and what is it used for?”. Your changes go to moderation before they’re published.

Approval required

Content

What you’re changing

Title (EN)

Short answer (EN)

Shown above the full answer for quick recall.

Answer (EN)

CSS (Cascading Style Sheets: cascading style sheets), is a language responsible for the **appearance and styling of web pages**. If HTML is the "skeleton" and structure of a page (headings, text, images, buttons), then CSS is the "clothes and makeup" that make a site attractive and easy to use.

### **What CSS is used for**

CSS lets you:

1. **Customize the appearance of elements**
- colors, sizes, fonts, spacing, shadows, borders, and so on.
2. **Control the layout of blocks on a page**
- align elements, create columns, grids, and responsive layouts.
3. **Create responsive design**
- so the site looks good on a phone, tablet, and computer.
4. **Create animations and visual effects**
- smooth appearances, hover effects, button and transition animations.
5. **Separate logic from presentation**
- HTML is responsible for content, CSS for style, which makes the code clearer and easier to maintain.

---

### **Short analogy**

| Technology | Responsible for |
|---|---|
| **HTML** | structure and content |
| **CSS** | appearance, style, presentation |
| **JavaScript** | behavior and interactivity |

---

### **Simple example**

**HTML:**

```html
<p>Hello, world!</p>
```

**CSS:**

```css
p {
  color: red;
  font-size: 20px;
}
```

This CSS will make the text red and larger.

---

Markdown · drag & drop images · ⌘B / ⌘I shortcuts207 words

For the reviewer

Note to the moderator (optional)

Visible only to the moderator. Helps review go faster.