CSS 檔案中的 PHP 指令碼

Sarwan Soomro 2023年1月30日 2022年5月13日
  1. 在 PHP 檔案中使用 CSS
  2. 在 PHP 中使用 Header() 函式定義 CSS 屬性
CSS 檔案中的 PHP 指令碼

在 PHP 檔案中使用 CSS 可以實現可重用性,因為我們可以在 PHP 變數中預定義樣式,然後在 PHP 檔案的任何位置使用它們。我們可以這樣做:

在 PHP 檔案中使用 CSS

在 CSS 檔案中使用 PHP 指令碼的方法有很多。我們使用以下方法,因為它簡單且最受歡迎。

首先,建立兩個單獨的檔案:

  • index.php:我們正在使用 header() 函式,它是 PHP 中的內建函式。示例:header('content-type:text/css; charset:UTF-8;');index.php 中。然後,我們使用 .class#id 在此檔案中使用 CSS 樣式。
  • style.php:該檔案包含我們使用連結的標記 HTML<link rel="stylesheet" type="text/css" href="style.php">。它是一個 HTML 元素,用於連結標記中的元屬性。

index.php

<!DOCTYPE html>
<html>
   <head>
      <title>How to Use CSS in PHP </title>
      <link rel="stylesheet" type="text/css" href="style.php">
   </head>
   <body>
      <div id="democss">
      </div>
      <h1 align="center">Applying style on image</h1>
      <img src="image.png" alt="demo" class="image">
   </body>
</html>

我們使用 HTML <link> 元素的簡單 href 屬性將我們的 style.php 檔案包含在標題中。

style.php:

<?php
//define header function
header('content-type:text/css; charset:UTF-8;');
//you can style PHP variable for reuse
$txt_color = "black";
$bg_color = "#6B5B95";
$alignment = "center";
$width = "200px";
$height = "200px";
?>

PHP 檔案中的 CSS 程式碼:

#democss{
width: <?php echo $width; ?>;
height: <?php echo $height; ?>;
background-color: <?php echo $bg_color; ?>;
margin: auto;
border: 3px solid black;
padding: 10px;
       }
.image{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    border-radius: 6px;
      }

輸出:

在 CSS 中使用 PHP

當我們載入 index.php 檔案時,它可以使用我們的方法應用 style.php 檔案中的樣式。

在 PHP 中使用 Header() 函式定義 CSS 屬性

header() 函式用於在 PHP 檔案中定義 CSS 屬性。我們已經展示了一些可以在樣式表的任何地方使用的變數。

例如,如果你想改變任何 HTML 元素的背景顏色,你只需要在 HTML 標籤後回顯 $bg_color

這是在 PHP 中操作 CSS 的唯一方法,它取決於你在 PHP 中應用任何 CSS 的要求。

你還可以使用 base_url()、PHP require() 和其他匯入檔案函式來執行類似的任務。

Sarwan Soomro avatar Sarwan Soomro avatar

Sarwan Soomro is a freelance software engineer and an expert technical writer who loves writing and coding. He has 5 years of web development and 3 years of professional writing experience, and an MSs in computer science. In addition, he has numerous professional qualifications in the cloud, database, desktop, and online technologies. And has developed multi-technology programming guides for beginners and published many tech articles.

LinkedIn