12345678910111213141516171819202122232425262728293031 |
- * {
- box-sizing: border-box; /*-изменения алгоритма расчета ширины и высоты*/
- }
- html {
- font-size: 10px; /*- задаем начальный резмер текста на странице*/
- }
- body {
- margin: 0; /*- обнуляем отступы*/
- font-size: 1.6rem; /*- контролируем размер текста на всей странице*/
- }
- img {
- max-width: 100%; /*-максимальная ширина картинки*/
- }
- .content {
- width: 850px; /*-ширина всего контента в пикселях*/
- max-width: 90%; /* -даем задаем резиновую возможность для контента*/
- margin: 10px auto; /*- отступы с верху и с низу по 10, с права и с лева авто*/
- box-shadow: 0 0 5px; /*- тень без сдвигов по горизонтали и вертикали(вокруг элемента)*/
- }
- .over {
- overflow: hidden;
- }
- .colum {
- float: left;
- width: calc(100% / 3); /*- расчет ширины колонок*/
- padding: 15px
- }
- .header, .footer {
- padding: 15px;
- }
|