Другие языки программирования и технологии

Вопрос по css верстке сайта. Как найти файл отвечающий за тот или иной элемент сайта?

Наталия Корниенко
Наталия Корниенко
138
HTML-редактор установи, Adobe Dreamveawer например, он тебе покажет за что отвечает тот или иной стиль.
Альтернатива дополнение для браузера Firebug,жмешь F12,слева есть стрелка наводишь на блок нужный и смотришь правила для этого блока getfirebug .com (без пробела)
АМ
Александр Маслов
71 253
Лучший ответ
Если исследуешь коды чьих либо страниц, то смотри CSS-стили между открывающим и закрывающим мета-тегом style.
Если там нужных списков стилей нет, то смотри их во внешних CSS-файлах, которые подвязываются к страницам. Обычно для этого используется мета-тег link.
Для каждого внешнего CSS-файла отдельная строка с мета-тегом link
Владимир Башлыков
Владимир Башлыков
58 242
В любом современном браузере есть средства для разработчика.
В Chrome, Opera, Firefox нажимаем Ctrl + Shift + i
В IE9 - F12, в IE8 - через меню.
Скрин из Chrome, но в других браузерах примерно то же, только интерфейс немного иной.



Стрелками указаны ссылки на файл и номер строки, в котором прописано конкретное правило. При наведении на ссылку показывается полный путь к файлу CSS, а при клике этот файл открывается в инспекторе на нужной строке.
В Firefox удобнее использовать Firebug, нежели встроенные средства. В IE не показывается номер строки.
ая
алексей языков
60 970
как я понимаю речь идет о уже написаном шаблоне какой нить CMS ну дык как правило они в разных файлах и лежат, собсно подписаных.
НК
Нурик Калиекперов
6 809
обычно это файл style.css или css.css, линкуется он между тегами <head></head>
пример: < l in k re l=" styl esh ee t " hr ef = " http://fantastic-web.net/wp-content/themes/fantastic-web/style.css" typ e="text/css" media="screen" / >

НО, бывает так, что программеры небольшим куском кода объединяют все ксс файлы в один, в этом случаи трудно найти главный ксс файл.
Дмитрий Миронов
Дмитрий Миронов
408

Похожие вопросы