https://ctapvk.github.io/test/adaptive/1.html

 

	 <meta name="viewport" content="initial-scale=1, maximum-scale=1">
     <link rel="stylesheet" type="text/css" href="1.css">

 

    @media screen and (max-width: 768px) {
    @media screen and (max-width: 480px) {

 

CSS Reset'ы: наборы CSS-стилей, которые «сбрасывают» браузерные стили.

 Каждый элемент на странице — прямоугольник. Это, пожалуй, самое важное утверждение в вёрстке веб-страниц. В примере в начале этого урока это можно заметить: мы задали параграфам фоновый цвет, и стало видно: каждый параграф — это прямоугольник.

 

У каждого прямоугольника есть несколько свойств, влияющих на размер:

• width, height — ширина и высота элемента
• padding — отступ внутри элемента (расстояние от содержания до границы прямоугольника)
• border — толщина границы (обводки)
• margin — отступ снаружи элемента (расстояние от границы прямоугольника до соседних элементов)