css-editing

Просмотр и изменение CSS | Chrome DevTools | Chrome for Developers

Excerpt

Узнайте, как использовать Chrome DevTools для просмотра и изменения CSS страницы.

Измените мою маржу!

  1. Чтобы увидеть блочную модель , нажмите кнопку Показать боковую панель. Показывать кнопку боковой панели на панели действий на вкладке «Стили» .

  2. На диаграмме «Блоковая модель» на вкладке «Стили» наведите указатель мыши на отступы . Заполнение элемента выделяется в окне просмотра. Заполнение элемента.

  3. Дважды щелкните левое поле в блочной модели . В настоящее время элемент не имеет полей, поэтому margin-left имеет значение - .

  4. Введите 100 и нажмите Enter . Изменение левого поля элемента.

В блочной модели по умолчанию используются пиксели, но она также принимает и другие значения, например 25% или 10vw .