Heim > Backend-Entwicklung > PHP-Problem > So konvertieren Sie Stile in PHP-Dateien in CSS-Stylesheets

So konvertieren Sie Stile in PHP-Dateien in CSS-Stylesheets

PHPz
Freigeben: 2023-03-27 16:48:39
Original
781 Leute haben es durchsucht

PHP-Datei exportiert CSS-Stylesheet CSS-Stylesheet ist eine Stildefinitionssprache, die in der Webentwicklung verwendet wird, um das Layout und die Anzeigeeffekte von HTML-Dokumenten zu steuern. Bei der Website-Entwicklung stoßen wir häufig auf Situationen, in denen wir die Stildefinitionen in PHP-Dateien in separate CSS-Stylesheets konvertieren müssen. Obwohl ein manueller Vorgang die Aufgabe erledigen kann, wird die manuelle Konvertierung sehr zeitaufwändig und mühsam, wenn die Codemenge in der PHP-Datei groß ist.

Gibt es also eine einfache Möglichkeit, die Stildefinitionen in PHP-Dateien einfach in separate CSS-Stylesheets zu konvertieren? Grundgedanke In PHP-Dateien sind Stildefinitionen normalerweise im Tag „“ abzugleichen:

preg_match_all("/<style type=\"text\/css\">(.*?)<\/style>/s", $phpcontent, $styles);
Nach dem Login kopieren

Die extrahierte Stildefinition wird in „$styles[1]“ gespeichert Im Array. Jetzt können wir unsere Stildefinitionen in CSS-Stilregeln organisieren. Der folgende Code organisiert die Stildefinitionen entsprechend Tag- und Klassennamen in CSS-Stilregeln und speichert die Regeln im Array „$cssrules“:

$cssrules = array();
foreach ($styles[1] as $style) {
    preg_match_all(&#39;/([\w\s.#{}:,%_-]*)\{([^\}]*)\}/&#39;, $style, $matches, PREG_SET_ORDER);
    foreach ($matches as $match) {
        $selectors = preg_split(&#39;/,\s*/&#39;, $match[1], -1, PREG_SPLIT_NO_EMPTY);
        $props = preg_split(&#39;/;\s*/&#39;, $match[2], -1, PREG_SPLIT_NO_EMPTY);
        foreach ($selectors as $selector) {
            $selector = trim($selector);
            if(!isset($cssrules[$selector])) {
                $cssrules[$selector] = array();
            }
            foreach ($props as $prop) {
                list($prop, $value) = explode(&#39;:&#39;, $prop);
                $cssrules[$selector][trim($prop)] = trim($value);
            }
        }
    }
}
Nach dem Login kopieren

Schließlich können wir die organisierten Stilregeln in eine unabhängige CSS-Stylesheet-Datei schreiben Mitte. Der folgende Code verwendet die Funktion „file_put_contents()“, um Stilregeln in eine Datei namens „style.css“ zu schreiben:

$cssfile = &#39;style.css&#39;;
file_put_contents($cssfile, &#39;&#39;);
foreach ($cssrules as $selector => $props) {
    $line = $selector . " {\n";
    foreach ($props as $prop => $value) {
        $line .= "\t" . $prop . &#39;: &#39; . $value . ";\n";
    }
    $line .= "}\n";
    file_put_contents($cssfile, $line, FILE_APPEND);
}
Nach dem Login kopieren

Auf diese Weise haben wir die Arbeit der Konvertierung der Stildefinitionen in der PHP-Datei in einen CSS-Stil abgeschlossen Blatt.

Zusammenfassung

Bei der Website-Entwicklung ist es eine sehr häufige Anforderung, die Stildefinitionen in PHP-Dateien in separate CSS-Stylesheets zu konvertieren. Obwohl diese Arbeit manuell durchgeführt werden kann, wird die manuelle Konvertierung sehr zeitaufwändig und umständlich, wenn die Codemenge in der PHP-Datei groß ist. In diesem Artikel wird eine Methode zum schnellen Konvertieren von Stildefinitionen in PHP-Dateien in CSS-Stylesheets vorgestellt, die Entwicklern dabei helfen kann, die Entwicklungseffizienz zu verbessern und Entwicklungsfehler zu reduzieren.

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie Stile in PHP-Dateien in CSS-Stylesheets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage