При Веб-розробці часто виникає необхідність у завданні різних стилів для одного і того ж типу елемента HTML. Для вирішення цього завдання використовують селектор класу. Використовується для вказівки верхнього зовнішнього відступ.а Визначає відстань від верхнейграницы блокатекста до верхньої границывнутреннего відступу(“набивання”, padding) охоплює елемента. Використовується для вказівки нижнього зовнішнього відступу. Визначає відстань від нижнейграницы блокатекста до нижньої границывнутреннего відступу(“набивання”, padding) охоплює елемента. Також ми встановили для параграфа ряд значень відступів. Це було зроблено з наступною метою: за замовчуванням параграф в HTML відображається рівним практично 95% сторінки і з інтервалами між параграфами, рівними 180% міжрядкового інтервалу. Також ви можете знайти все необхідне на ресурсі додавання CSS до HTML.
Читати такі параграфи не дуже зручно, так як інтервали між ними надто великі, а ширина параграфа занадто велика. У стилі параграфа, який ми створили, встановлені бічні відступи у 15% ширини вікна і вертикальні відступи в 1 пункт -так текст буде набагато читабельний. Завдяки тому, що бічні відступи заголовка і параграфа встановлені у відсотках від ширини вікна браузера, при перегляді сторінок на комп’ютерах з різною роздільною здатністю дисплея пропорції і розташування заголовка, основного тексту і відступів будуть збережені.
