Отступы в CSS используются для улучшения читаемости кода и организации структуры стилей. Они могут быть использованы для группировки свойств и правил, обозначения вложенности элементов и их структуры, а также для создания более понятного и удобного кода.
Пример использования отступов в CSS:
```
body {
font-family: Arial, sans-serif;
color: #333;
}
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
}
.header {
background-color: #f9f9f9;
padding: 10px;
}
.logo {
float: left;
}
.nav {
float: right;
}
```
Что касается вашего вопроса о преобразовании тега {} в <br/>, скорее всего, это происходит из-за настроек вашего текстового редактора или среды разработки. Возможно, в них задано автозамещение для определенных символов или комбинаций символов. Проверьте настройки вашего редактора и, возможно, отключите эту функцию, если она вам мешает.