Кажется, что существует некоторое недопонимание того, что делают файлы PHP и CSS, и как они влияют на окончательный вид страницы в браузере.
Файлы PHP генерируют HTML, который отправляется вбраузер.CSS-файлы сообщают браузеру, как стилизовать HTML, если он у него есть.Если вы просматриваете необработанный HTML-код веб-страницы (например, в Firefox щелкните правой кнопкой мыши веб-страницу и выберите «Просмотреть исходный код страницы»), вы увидите, что сгенерированы все файлы php, независимо от того, как они были включены.,Браузер никогда не видит сами файлы php, только то, что сервер сгенерировал после запуска файлов php.
Чтобы просмотреть CSS-файл (ы) в браузере, необходимо ввести полный URL-адрес таблицы стилей в полеадресная строка браузера.Например, одна из таблиц стилей для этой веб-страницы имеет URL-адрес https://cdn.sstatic.net/Sites/stackoverflow/primary-unified.css?v=6f059d938c2b.
. Чтобы контролировать, какие части HTML-страницы контролируются какими CSS-файлами или частями одного CSS-файла, вам необходимоиспользуйте «селекторы CSS» для соединения HTML и CSS.Краткое объяснение CSS-селекторов можно найти на сайте w3schools.com .
Комментарии rickdenhaan и jeff выше помогают указатьВы в правильном направлении.
Нет никакого значения для браузера, который включил php-файл, фактически сделал HTML, потому что он никогда не знает.Все, что знает браузер, это то, что сервер отправил весь HTML с одного URL.Чтобы файл header_style.css применялся только к HTML-файлу, созданному файлом header.php, необходимо заключить HTML-код из header.php в некоторый элемент HTML, который затем можно «выбрать» с помощью header_style.css, например <div id="header"> .... </div> с правилом типа div#header { color: red; ...} или, может быть, <header> ... </header> с правилом CSS, например header { color: green; ...}.
Вы можете выполнить такой же процесс выбора в файле footer.php с другими атрибутами id="..."использования HTML-тега <footer> и изменения CSS для выбора только этой части на id.Селекторы CSS можно использовать для «многократного выбора», например, body { color: gray; ...} будет применять серый цвет ко всему, что находится внутри тега <body> ... </body> (все на странице), которое не изменяется каким-либо более конкретным правилом.Селекторы CSS также могут быть использованы для выбора очень мало, img#special { border-color: purple; ... } будет влиять только на один элемент <img id="special" ...> на странице, независимо от размера страницы.
Все, что выберет CSS, будет иметьстиль, примененный к этому элементу, и каждому элементу внутри этого , если только CSS не выберет и не изменит стиль для некоторого элемента внутри него.Затем этот стиль применяется ко всему внутри более конкретного элемента, пока какой-то другой селектор, даже более конкретный, не выберет элемент там.Этот процесс «каскадируется» до тех пор, пока в браузере не закончатся элементы для перемещения или не будут применены правила CSS.