Maison > Article > développement back-end > Comment définir des styles pour les fichiers php

Comment définir des styles pour les fichiers php

PHPzoriginal: 2023-03-28 15:00:341474parcourir

Lors de la création d'une page HTML, nous ajoutons généralement des styles CSS au fichier pour rendre la page plus belle. De même, pour les fichiers PHP, nous pouvons également améliorer l'expérience utilisateur et l'apparence des pages en définissant des styles.

Voici quelques guides pour vous aider à styliser vos fichiers PHP.

En utilisant CSS et HTML

Comme les pages Web HTML, vous pouvez intégrer des feuilles de style CSS dans des fichiers PHP. Ceci peut être réalisé en utilisant le code suivant :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My PHP Styling Page</title>
    <style>
        /* CSS styles go here */
    </style>
</head>
<body>
    // PHP code goes here
    <?php echo "<h1>Hello World!</h1>"; ?>
</body>
</html>

Veuillez noter que les styles CSS doivent être dans la balise <style> et à l'intérieur de la balise <head> étiqueter. <style>标签中，并在<head>标签内。

外部CSS文件

如果您希望在多个页面中重用相同的样式，则可以将CSS样式表放在单独的文件中，然后在PHP文件中引用该文件。这可以通过以下代码实现：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My PHP Styling Page</title>
    <link rel="stylesheet" href="mystyles.css">
</head>
<body>
    // PHP code goes here
    <?php echo "<h1>Hello World!</h1>"; ?>
</body>
</html>

此代码中的href属性指向存储CSS样式表的文件。

在PHP代码中使用样式

如果您需要按照某些条件或规则更改样式，则可以通过在PHP代码中使用内联样式来实现。以下是一些示例代码：

<?php
$color = "red"; // dynamic variable
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My Dynamic PHP Styling Page</title>
</head>
<body style="background-color: <?php echo $color; ?>">
    <?php echo "<h1 style=&#39;color: white;&#39;>Hello World!</h1>"; ?>
</body>
</html>

在此示例中，我们在<body>标签中使用了内联样式，以根据$color变量的值更改背景颜色。我们还在<h1>

Si vous souhaitez réutiliser le même style sur plusieurs pages, vous pouvez placer la feuille de style CSS dans un fichier séparé, puis la référencer dans le fichier PHP du fichier . Cela peut être réalisé avec le code suivant :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My Dynamic PHP Styling Page</title>
    <script>
        function changeColor() {
            var title = document.getElementById("title");
            if (title.style.color == "red") {
                title.style.color = "blue";
            } else {
                title.style.color = "red";
            }
        }
    </script>
</head>
<body>
    <?php echo "<h1 id=&#39;title&#39;>Hello World!</h1>"; ?>
    <button onclick="changeColor()">change color</button>
</body>
</html>

L'attribut href dans ce code pointe vers le fichier où la feuille de style CSS est stockée.

<body>

$color

<h1>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Pourquoi le fichier php ne peut-il pas afficher les résultats ? Causes et solutionsArticle suivant：Pourquoi le fichier php ne peut-il pas afficher les résultats ? Causes et solutions

Articles Liés

Voir plus