Чем абсолютные URL отличаются от относительных в `url()` CSS?

Question

Accepted Answer

## База разрешения

В `url()`:

- **абсолютный** (`https://cdn.example.com/a.png` или `//cdn/...`) — не зависит от файла CSS;
- **относительный** (`../images/a.png`) — резолвится **относительно URL самого CSS-файла** (не HTML-страницы), если нет другого base.

```css
.bg {
  background-image: url("../assets/hero.webp");
}
```

При сборке бандлеры переписывают пути. Ошибка «картинка 404» часто из-за путаницы «относительно HTML vs CSS». Data-URL и `url()` с кавычками/без — валидны при корректном экранировании спецсимволов.