Как исправить не правильное форматирование css который вставляет php?

Question

[MANCHERA CHAN]

Доброго вам времени суток.

Я занимаюсь я знаю что аналоги того что я делаю уже существуют , просто мне нужно по практиковаться в php.

Мой код по идеи должен брать css стили и разбрасывать их по style тегам , что он и делает , но некоторые файлы он вставляет с форматированием , а другие нет. На работоспособность стилей это не влияет и никаких проблем они вроде не вызывают , но хочу спросить вас , всё ли в порядке и как это можно исправить.

Это мой php код

<?php
function Router($param)
{
    $dir = $param['init'].$_SERVER["REQUEST_URI"];
    if($_SERVER["REQUEST_URI"] !== '/'){
        $dir = $dir.'/';
    }

    if (file_exists($dir."index.php")){
        include_once($dir."index.php");
        return;
    }
    if (file_exists($dir."index.html")) {
        $page = file_get_contents($dir."index.html");
    }
    if (count(glob($dir."*.css")) !== 0) {
        $css_files = glob("$dir*.css");
        foreach ($css_files as $css_file) {
            $all_css .= "<style data-src='$css_file'>" . file_get_contents($css_file) ."</style>\n";
        }
        $page = str_replace('</head>', "$all_css\n</head>", $page);
    }
    
    
    echo $page;
}

Router(['init' => 'page']);

а это то что мне не нравиться , в нижнем стиле форматирование правильное , а в верхнем нет

Answer 1

[Ипатьев]

У вас в голове полная каша. Вы не можете понять где у вас сервер, где HTML, а где браузер.

некоторые файлы он вставляет с форматированием , а другие нет.

РНР не вставляет никакие файлы. Из РНР вы получаете ссылку. Её читает браузер. Который дальше и читает файл, и "вставляет" код, и форматирует его.
При чем то, что браузер показывает в инструментах разработчика, может не иметь вообще ничего общего с тем, что на самом деле лежит в файле. Если хотите посмотреть реальное "форматирование", то надо смотреть сам файл, а не то что браузер рисует в инспекторе

Comments

[MANCHERA CHAN]

Спасибо , я кажется потихоньку начинаю понимать .

А как можно исправить?

и чем таким отличается это

.govno {
  color: aqua;
}

от этого

.link {
  margin-left: 30px;
  text-decoration: none;
  color: #000000;
  font-size: 32px;
}

Что они по разному отображаются

[Ипатьев]

А как можно исправить?

Написать жалобу в Гугль. Или в Спортлото.

[Ипатьев]

Скорее всего, однострочный он показывает в одну строку, а многострочный раскрывает
Но в любом случае это вопрос к инструментам разработчика в хроме. Ни к РНР, ни к ccs он никакого отношения не имеет

[MANCHERA CHAN]

Хорошо спасибо