# CSS

> Styling language.

- Skill: `dhaupin/css` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dhaupin/css`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dhaupin/css/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- License: MIT
- Author: dhaupin (https://skillmd.com/u/dhaupin)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dhaupin/css

---


# CSS

> Styling language.

---

## When To Use

- Styling web pages
- Layouts
- Animations

---

## What To Do

### 1. Syntax

```css
selector {
  property: value;
  property: value;
}

/* Comment */
```

### 2. Properties

| Property | What |
|---------|------|
| color | Text color |
| background | Background |
| margin/padding | Spacing |
| display | Layout |
| position | Placement |

### 3. Selectors

```css
.element       /* element */
.class         /* class */
#id            /* id */
parent child   /* descendant */
parent > child /* child */
```

### 4. Flexbox/Grid

```css
.container {
  display: flex;
  justify-content: center;
  align-items: center;
}
```

---

**Role**: CSS Developer  
**Input**: Styles  
**Output**: Visuals

> Style.