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;