# CSS: содержимое стилей

> Тела всех стилей страницы — подключённых файлами и встроенных

Источник: https://docs.parreq.com/fetch-css/

`include=css` кладёт в ответ поле `css`. Форма записи та же, что у
[скриптов](https://docs.parreq.com/fetch-js): подключённые `<link rel="stylesheet">` и встроенные
`<style>`.

**Цена:** +1 кредит к разметке, итого 2 — самая дешёвая надстройка.

```python Python
from parreq import Parreq

client = Parreq("pr_ВАШКЛЮЧ")
res = client.fetch("https://developer.mozilla.org/en-US/", include=["css"])

total = sum(a.bytes for a in res.css)
print(len(res.css), "файлов,", total, "байт")
```

```javascript Node

const client = new Parreq({ apiKey: "pr_ВАШКЛЮЧ" });
const res = await client.fetch({ url: "https://developer.mozilla.org/en-US/", include: ["css"] });

const total = res.css.reduce((sum, a) => sum + a.bytes, 0);
console.log(res.css.length, "файлов,", total, "байт");
```

```bash cURL
curl -H "Authorization: Bearer pr_ВАШКЛЮЧ" \
  "https://api.parreq.com/v1/fetch?url=https://developer.mozilla.org/en-US/&include=css"
```

## Что приходит

```json
{
  "css": [
    {
      "url": "https://developer.mozilla.org/static/css/main.4f2a1c.css",
      "inline": false,
      "bytes": 91204,
      "content": ":root{--text-primary:#1b1b1b;…"
    }
  ]
}
```

Поля те же: `url`, `inline`, `bytes`, `content` — [разобраны на странице
JS](https://docs.parreq.com/fetch-js#что-приходит).

## Пределы

60 файлов, 2 МБ на файл, 8 МБ суммарно — общие со скриптами.

## Дальше

**[JS](https://docs.parreq.com/fetch-js)**
    Тела скриптов и откуда они берутся.

**[Несколько надстроек сразу](https://docs.parreq.com/fetch-combined)**
    JS и CSS вместе — 4 кредита, отдельной надстройки «JS+CSS» нет.