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

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

PHPzOriginal: 2023-03-27 16:16:23698Durchsuche

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 „c9ccee2e6ea535a969eb3f532ad9fe89“ in HTML-Dokumenten enthalten. Beispiel:

<!DOCTYPE html>
<html>
<head>
<title>Sample Page</title>
<style type="text/css">
body {
background-color: #F8F9FA;
font-family: Arial, sans-serif;
}
h1 {
color: #424242;
font-size: 28px;
font-weight: bold;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>This is a sample page.</p>
</body>
</html>

In diesem Code enthält der Tag „c9ccee2e6ea535a969eb3f532ad9fe89“ die Stildefinition der Seite.

Um diese Definitionen in CSS-Stylesheets umzuwandeln, können wir die folgenden Grundideen befolgen:

1. Extrahieren Sie alle Stildefinitionen aus PHP-Dateien, was mit Techniken wie regulären Ausdrücken erreicht werden kann.

2. Stildefinitionen nach Tag- und Klassennamen klassifizieren und in CSS-Stilregeln organisieren.

3. Schreiben Sie die organisierten Stilregeln in eine unabhängige CSS-Stylesheet-Datei. Konkrete Umsetzung Zuerst müssen wir PHP verwenden, um die PHP-Datei zu lesen, die wir konvertieren möchten. Angenommen, diese Datei ist „sample.php“, können Sie den folgenden Code verwenden, um den Dateiinhalt zu lesen:

$phpfile = &#39;sample.php&#39;;
$phpcontent = file_get_contents($phpfile);

Als nächstes müssen wir reguläre Ausdrücke verwenden, um alle Stildefinitionen in der PHP-Datei zu extrahieren. Der folgende Code verwendet den regulären Ausdruck „(.*?)“, um alles zwischen „c9ccee2e6ea535a969eb3f532ad9fe89“ und „531ac245ce3e4fe3d50054a55f265927“ abzugleichen:

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

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);
            }
        }
    }
}

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);
}

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!

php css 正则表达式 html 样式表

Stellungnahme：

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

Vorheriger Artikel：Analyse und Behebung der chinesischen Schriftzeichenfehler bei der PHP-WeChat-ZahlungNächster Artikel：Analyse und Behebung der chinesischen Schriftzeichenfehler bei der PHP-WeChat-Zahlung

In Verbindung stehende Artikel

Mehr sehen