PHPファイルのスタイルをCSSスタイルシートに変換する方法
- PHPzオリジナル
- 2023-03-27 16:16:23739ブラウズ
PHPファイルはCSSスタイルシートをエクスポートします CSS スタイル シートは、Web 開発で HTML ドキュメントのレイアウトと表示効果を制御するために使用されるスタイル定義言語です。 Web サイト開発では、PHP ファイルのスタイル定義を別の CSS スタイル シートに変換する必要がある状況によく遭遇します。手動操作でも作業は完了しますが、PHP ファイル内のコードの量が多い場合、手動変換は非常に時間がかかり、退屈になります。
それでは、PHP ファイルのスタイル定義を個別の CSS スタイル シートに簡単に変換する簡単な方法はあるのでしょうか? 基本的な考え方 PHP ファイルでは、スタイル定義は通常、HTML ドキュメントの `c9ccee2e6ea535a969eb3f532ad9fe89` タグに含まれます。例:
<!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>このコードでは、`c9ccee2e6ea535a969eb3f532ad9fe89` タグにページのスタイルが含まれています。 。 意味。
これらの定義を CSS スタイル シートに変換するには、次の基本的な考え方に従います:
1. PHP ファイルからすべてのスタイル定義を抽出します。これは、正規表現などの手法を使用して実現できます。
2. スタイル定義をタグ名とクラス名に従って分類し、CSS スタイル ルールに整理します。
3. 整理されたスタイル ルールを独立した CSS スタイル シート ファイルに書き込みます。 実装 まず、PHP を使用して、変換する PHP ファイルを読み取る必要があります。このファイルが `sample.php` であると仮定すると、次のコードを使用してファイルの内容を読み取ることができます:
$phpfile = 'sample.php'; $phpcontent = file_get_contents($phpfile);
次に、正規表現を使用して、PHP ファイル内のすべてのスタイル定義を抽出する必要があります。次のコードは、正規表現 `(.*?)` を使用して、`c9ccee2e6ea535a969eb3f532ad9fe89` と `531ac245ce3e4fe3d50054a55f265927` の間のすべてに一致します:
preg_match_all("/<style type=\"text\/css\">(.*?)<\/style>/s", $phpcontent, $styles);抽出されたスタイル定義は `$ styles に保存されます[1]`配列。 これで、スタイル定義を CSS スタイル ルールに整理できるようになりました。次のコードは、タグ名とクラス名に従ってスタイル定義を CSS スタイル ルールに整理し、そのルールを `$cssrules` 配列に保存します。
$cssrules = array();
foreach ($styles[1] as $style) {
preg_match_all('/([\w\s.#{}:,%_-]*)\{([^\}]*)\}/', $style, $matches, PREG_SET_ORDER);
foreach ($matches as $match) {
$selectors = preg_split('/,\s*/', $match[1], -1, PREG_SPLIT_NO_EMPTY);
$props = preg_split('/;\s*/', $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(':', $prop);
$cssrules[$selector][trim($prop)] = trim($value);
}
}
}
}最後に、整理されたスタイル ルールを別のファイルに書き込むことができます。 CSSスタイルシートファイル。次のコードは、`file_put_contents()` 関数を使用して、スタイル ルールを `style.css` という名前のファイルに書き込みます:
$cssfile = 'style.css';
file_put_contents($cssfile, '');
foreach ($cssrules as $selector => $props) {
$line = $selector . " {\n";
foreach ($props as $prop => $value) {
$line .= "\t" . $prop . ': ' . $value . ";\n";
}
$line .= "}\n";
file_put_contents($cssfile, $line, FILE_APPEND);
}このようにして、PHP ファイル内のスタイル定義の CSS スタイルへの変換が完了しました。テーブルワーク。
概要
Web サイト開発では、PHP ファイルのスタイル定義を個別の CSS スタイル シートに変換することが非常に一般的な要件です。この作業は手動で行うこともできますが、PHP ファイル内のコードの量が多い場合、手動での変換は非常に時間がかかり、面倒になります。この記事では、開発者が開発効率を向上させ、開発エラーを減らすのに役立つ、PHP ファイルのスタイル定義を CSS スタイル シートにすばやく変換する方法を紹介します。
以上がPHPファイルのスタイルをCSSスタイルシートに変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。