Bagaimana untuk menetapkan gaya untuk fail php-masalah PHP-php.cn

Bagaimana untuk menetapkan gaya untuk fail php

PHPz

Lepaskan： 2023-03-28 15:29:30

asal

1589 orang telah melayarinya

Apabila membuat halaman HTML, kami biasanya menambahkan gaya CSS pada fail untuk menjadikan halaman lebih cantik. Begitu juga, untuk fail PHP, kami juga boleh meningkatkan pengalaman pengguna dan penampilan halaman dengan menetapkan gaya.

Berikut ialah beberapa garis panduan untuk membantu anda menggayakan fail PHP anda.

Menggunakan CSS dan HTML

Sama seperti halaman web HTML, anda boleh membenamkan lembaran gaya CSS ke dalam fail PHP. Ini boleh dicapai dengan menggunakan kod berikut:

<!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>

Salin selepas log masuk

Ambil perhatian bahawa gaya CSS hendaklah dalam teg <style> dan di dalam teg <head>.

Fail CSS Luaran

Jika anda ingin menggunakan semula gaya yang sama merentas berbilang halaman, anda boleh meletakkan helaian gaya CSS dalam fail berasingan dan kemudian rujuk fail itu dalam fail PHP. Ini boleh dicapai dengan kod berikut:

<!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>

Salin selepas log masuk

Atribut href dalam kod ini menghala ke fail tempat lembaran gaya CSS disimpan.

Menggunakan Gaya dalam Kod PHP

Jika anda perlu menukar gaya mengikut beberapa syarat atau peraturan, anda boleh menggunakan Dilaksanakan menggunakan gaya sebaris . Berikut ialah beberapa contoh kod:

<?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>

Salin selepas log masuk

Dalam contoh ini, kami menggunakan gaya sebaris dalam teg <body> untuk menukar warna latar belakang berdasarkan nilai pembolehubah $color. Kami juga menggunakan gaya sebaris lain dalam teg <h1> untuk menukar warna teks.

Menggunakan JavaScript

Akhir sekali, anda juga boleh menggunakan JavaScript untuk menukar gaya secara dinamik dalam fail PHP. Dalam contoh berikut, kami akan menogol warna teks apabila butang ditekan:

<!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>

Salin selepas log masuk

Itu sahaja untuk beberapa garis panduan untuk menggayakan fail PHP. Sama ada anda memilih untuk menggunakan CSS dan HTML, fail CSS luaran, gaya sebaris atau JavaScript, anda boleh meningkatkan rupa dan pengalaman pengguna fail PHP anda.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan gaya untuk fail php. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!