Есть куча способов.
Которым я пользуюсь:
1) Сохраняешь страницу одним файлом (не полностью)
В скачанную страницу нужно добавить код (что бы её изменить и сделать правильной для редактора, а то он её откроет Вам в не читаемом формате - без Русского языка)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//RU" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="ru">
<title>Компьютеры</title> - заменить (вставить в самое начало до титлов - титлы можете поставить какие Вам нужно)
- теперь будет читаться на Русском языке.
2) Открываешь её программой Мicrosoft SharePoint Designer
3) Раскрываешь в ней 2 окна - верхнее, в котором будет код и нижнее - в котором просмотр страницы (визуальный)
4) В нижнем окне наводишь курсор на нужный контент (его часть или на то слово что нужно) - Верхнее окно с кодом, выделяет в коде то что мышью затронуто в нижнем окне.
5) Переходим в верхнее окно на тот код - ищем выделенный класс или Див - нажимаем на ПК клавишу Ctrl + Левую кн. мыши - В новом окне (этой программы) открывается тот CSS (не важно где он находится у Вас - в папке сайта Вашего или на каком-то сервере стороннего разработчика) - он откроется в Вашей программе (SharePoint Designer) и та часть кода будет выделена.
6) Скопируйте этот код и изменив его на нужный - пропишите в том (или др) CSS файле, НО, не забудьте (если желаете его сохранить а прописать другой Ваш код - прописать его в CSS файле и изменив его название прописать в DIV так же другого (для него) название.
7) Открываете страницу - редактируете её вставив другой DIV (с другим названием) или Class.
- Можете не заниматься перепиской классов и дивов - если измените в CSS сам стиль.
Как то так.
А искать связи меж файлов и тратить на это время - помните - это Ваше время которое Вы можете посвятить кому либо и в др. месте.