Александр Цымбал

если уж совсем быть точным, то
Адаптивная верстка с использованием параллакс-эффектов.
Адаптивность - это подстраиваемость под любые разрешения. Бывает резиновой и ступенчатой (или пороговой)
Параллакс-эффекты - любые эффекты, которые позволяют изменить принцип стандартной прокрутки страницы. Хотя вообще параллакс - это немного другое, но в случае с сайтами, особенно в последнее время, термин используется для любых манипуляций при прокрутке страницы.

1. якорь сделай не на <p>, а создай прямо перед ним <a name="news" class="anchor"></a> - это будет якорем. важно, ничего не размещать внутри этой ссылки.
2. для ссылок .anchor создаем стили:

.anchor {
margin-top: -100px;
display: inline-block;
position: relative;
height: 1px;
width: 1px;
}

где 100px нужно заменить на высоту вашей фиксированной шапки. таким образом якорь будет физически находиться на 100px (или сколько там у вас) выше, чем он должен быть.

Вообще, на многих сайтах срабатывает такая схема: www.youtube.com/watch?v=R7cL0kD6HaI - в инструментах для разработчиков в браузере Chrome можно наблюдать и скачивать все данные, которые подключает страница (в том числе и видео, аудио, шрифты, картинки, и все другие файлы).
Но в данном случае это не работает, т.к. на espn видео загружается в потоковом режиме. Т.е. видео по сути разбито на маленькие кусочки, которые подгружаются по мере просмотра. joxi.ru/Vm6317dS7qJK2Z Такое видео не скачать.
Единственный выход - включать видео в полноэкранном режиме и делать захват с экрана - к счастью, есть куча программ для захвата экрана (для игр, и т.д.) - но тут всё зависит от размера вашего монитора. Если у вас HD-монитор, сможете захватить HD-видео, иначе размер видео будет ограничен разрешением вашего экрана.

тут несколько моментов:
1. id имеет очень большой приоритет css. объяснить двумя словами тяжело, но вкратце, если вы задали какие-то свойства для id-селектора #x, что ни пишите в классовом селекторе .y, если он подтягивает стили от id-селектора, то они возьмут верх над классовым селектором. Никакие элементы не должны иметь приоритет над другими. Так удобнее редактировать стили.
2. Есть неписанные "законы" БЭМ, которых придерживаются опытные разработчики. Существует много всяких философий БЭМ, самая популярная - яндексовская - погуглите. БЭМ позволяет лучше разбираться в коде, работать с препроцессорами и производить более удобные операции при работе в js.
...ну есть и еще несколько моментов.

Главное отличие id от class в том, что стили id нужно задавать для одного элемента, уникального. А class можно применять для нескольких элементов. Даже если при разработке блок один, никогда не угадаешь, возможно придётся добавлять примерно такой же блок где-нибудь еще на странице - в таком случае id дублировать нельзя - ошибка css.

Вообще, товарищи, используйте id никогда! Class куда удобнее и гибче (хотя бы в том плане, что для одного элемента можно задавать хоть 255 классов одновременно). Придумывались CSS-селекторы в конце 90х годов. Тогда HTML был совершенно на другом уровне, и разработчики смотрели в другую сторону. Им тогда хотелось управлять DOM с помощью JS методом GetElementByID - сейчас этот метод в чистом виде никто не использует. Есть жквери!

Можно скачать страницу со всем подключенным содержимым в Google Chrome следующим образом:
0. Сохраняем исходный код страницы, корректируем пути во всех <link> и <script>, прописывая свои значения, например, для стилей папку css/, для скриптов js/ и т.д.
1. Включаем Инструменты разработчика F12
2. Переходим во вкладку "Network", перезагружаем страницу (f5). Видим все файлы, которые вызываются при загрузке страницы. Сохраняем всё необходимое ручками (щелкаем по заголовкам правой кнопкой, сохраняем в необходимые папки) - все картинки, скрипты, файлы стилей, шрифты и т.д.

Если css или js файлы закомпрессованы, есть онлайн-сервисы, позволяющие декомпрессировать css и js код - пробейте в гугле "css decompressor", "js decompressor"

Этот вариант немного муторный, но очень действенный по сравнению со стандартным "Сохранить как", т.к. можно проконтролировать подгрузку всех картинок, которые вызываются через файлы стилей, а также исключить ненужные скрипты и др. файлы.