# Часть шестая. Статические данные
**Цель:** Поработать со статическими данными
**Задачи:**
* Создать свой CSS-файл
* Поработать с файлами
## Статика
Займёмся статическими файлами.
В папке приложения blog создадим папку static (имя зарезервировано) и в ней создадим папку blog (аналогично templates). В эту папку добавим css-файл – main.css.
В файле напишем следующее:
```css
body {
background: #fafafa;
}
```
Таким образом, мы заменили цвет фона с белого на кремовый (можете «поиграть» с цветом).
Чтобы статические файлы заработали на сайте, в файле main.html пропишем в самом начале следующую строку:
```markup
{% load static %}
```
Теперь введём ещё один стиль CSS (вспомните Bootstrap), но путь уже будет не ссылкой, а статический относительный, т.е.:
```markup
```
Чтобы стиль применился, перезапустите сервер.
Финальный код main.html:
```markup
{% load static %}
{{ title }}
{% block main_section %}
{% endblock %}
```
Последним штрихом, я изменил вывод статей на такой:
Чтобы это сделать, я изменил файл home.html:
```markup
{% extends 'blog/main.html' %}
{% block main_section %}
{% for post in news %}
{{ post.title }}
{{ post.text }}
Публикация: {{ post.date }}
{% if post.author == 'Валерий' %}
Автор: Админ
{% else %}
Автор: {{ post.author }}
{% endif %}
{% endfor %}
{% endblock main_section %}
```
И добавил в main.css стиль на alert-light:
```css
.alert-light {
border-color: #bfbfbf;
}
```
main.css стал выглядеть так:
```css
body {
background: #fafafa;
}
.alert-light {
border-color: #bfbfbf;
}
```
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://valerylinkov2504.gitbook.io/sitepython/6.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.