dashed пунктир
solid линия
padding растояние между рамкой и текстом в style
top right bottom left
margin расстояние от тега до других елементов
box-sizing border-box; форматирование текста
border-radius скругление рамочки
box-shadow тень от рамочки
text-align: justify
форматирование текста(ровные края)
max-width максимальное разрешение в img
font-family шрифт sans-serif без засечек<> flex режим отображения (гибкий) none блок исчезнет block inline column row row-reverse зеркально наоборот width то же самое flex-basis ширина блока в флекс flex-wrap: nowrap; не переносить flex-wrap: wrap; переносить

div{
background: #af99d1;
width: 500px;
border-bottom: 2px solid #4f3757;
border-top: 2px solid #754646;
}


img{ text-align: center; object-fit: cover; max-width: 100%; width: 100%; height: 300px; } margin: 0px;

img{ text-align: center; object-fit: cover; max-width: 100%; width: 100%; height: 300px; } margin: 0px; h1{ font-family: 'Inconsolata', monospace; font-style: italic; text-shadow: 3px 3px 3px gray; } p{ font-family: 'Oxanium', cursive; } .fa-apple{ color: maroon; } p{ font-size: 15px; text-align: justify; } div{ font-family: arial; font-weight: 899; }