Опубликован: 24.05.2010 | Доступ: свободный | Студентов: 1141 / 67 | Оценка: 3.70 / 3.05 | Длительность: 21:19:00
Самостоятельная работа 1:

Отладка CSS с помощью инструментов разработчика в IE8

< Лекция 4 || Самостоятельная работа 1: 12 || Самостоятельная работа 2 >

При изменении шрифта находящегося в центре изменился шрифт на всем сайте, т.к атрибут font-family нахоидтся в теге <body></body>:


В то время как нужный для изменения текст находится в теге <p></p>:


Для того что бы менялся текст только в данном теге, перейдём во вкладку "Атрибуты", и добавим атрибут style, и font-family:


В итоге получаем результат:

Можно так же просматривать позиционирования элементов:


С помощью данной вкладки можно вывести следующие значения:

  • Значения смещений, то есть расстояния между выбранным элементом и его родительскими элементами. Смещения представлены свойствами offsetLeft и offsetTop.
  • Значения величин Margin, Border и Padding, которые соответствуют значениям, установленным на веб-странице. Если в исходном коде веб-страницы значения для этих величин не указаны, используются значения по умолчанию Windows Internet Explorer.
  • Глубже других внутри находятся высота и ширина элемента, которые определяются свойствами offsetHeight и offsetWidth.

Можно так же выполнить проверку, вашего или стороннего сайта, с помощью IE8:

По результатам откроется окно сайта w3.org, где вы можете увидеть все ошибки или предупреждения:

< Лекция 4 || Самостоятельная работа 1: 12 || Самостоятельная работа 2 >