【问题标题】:Adding CSS to PHP将 CSS 添加到 PHP
【发布时间】:2014-08-16 01:46:57
【问题描述】:

好的,所以我在 html 中创建了一个普通页面,并将一个 CSS 页面链接到它。使用

<link href="css/index.css" rel="stylesheet" type="text/css" />

我想知道我是否想在页面上回显的某些 PHP 上使用相同的 CSS 方法。有没有办法做到这一点,还是我必须在标签中使用 style="" 来做到这一点?

这是我尝试过的......

#test{
     width:75px;
     background-color:#FFF;
     display:inline-block;  
}

<?php
     echo '<a href="test.php" id="test">Test</a>'
?>

【问题讨论】:

  • 当然,只要你有&lt;?php - ?&gt; 包装标签。例如 stackoverflow.com/a/19403636en.wikipedia.org/wiki/Dynamic_Cascading_Style_Sheets - 您可以使用内联或作为包含。
  • PHP 是在服务器上处理的,所以只要元素上有id="test" 之类的东西,并且它所在的页面链接到样式表,它就可以正常工作。
  • 您是否只是想将 CSS 样式应用于 PHP 生成的文本?如果是这样,您需要了解 PHP 的工作原理,以了解为什么您只是简单地包含 CSS 文件并将其设置为像 echo 中的任何其他 HTML 元素一样。 PHP 在 HTML 文件发送到浏览器之前和应用 CSS 之前工作。在应用 CSS 时,浏览器看到的唯一内容就是 HTML,因此无论文本是如何生成的,它都会应用完全相同的样式。

标签: php css


【解决方案1】:

您必须将 echo 值放在具有 css 的类/id 的 html 元素上

试试:

<p class="colored"><?php echo $str ?></p>

【讨论】:

  • 我做到了。我做了一个带有 ID 的项目并将其添加到 CSS 中,但没有发生任何事情
【解决方案2】:

这样就可以实现了。

<?php echo '<link href="css/styles.css" rel="stylesheet" type="text/css" />'; ?>

或许

<style>
    .style {
        width: <?php echo $myvalue; ?>;
    }

</style>

【讨论】:

    【解决方案3】:

    据我了解,您希望应用动态生成的 CSS 样式。

    为此,最好在标签中直接使用style=""

    <a style="width: <?php echo $myValue ?>">Link</a>
    

    如果你想在 CSS 文件中使用 php,你可以创建一个 PHP 文件而不是你的 CSS 文件:

    style.css.php

    <?php 
    
    header("Content-type: text/css");
    
    ?>
    
    .style {
        width: <?php echo $myvalue; ?>;
    }
    

    然后你可以从你的html链接它:

    page.php

    <link href="css/style.css.php" rel="stylesheet" type="text/css" />
    

    该 PHP 文件的 MIME 类型将是 text/css,尽管扩展名为 .php

    如果您希望扩展名为 .css,则必须将 .css 文件添加到服务器要解释的文件列表中。如果您使用的是 Apache,则可以启用mod_headers

    a2enmod headers
    service apache2 restart
    

    并创建一个 .htaccess 文件,其内容如下:

    <FilesMatch "\.css$">
      SetHandler application/x-httpd-php
      Header set Content-type "text/css"
    </FilesMatch>
    

    如果这样做,则不需要在css文件中手动设置标题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-06-09
      • 1970-01-01
      • 2016-07-22
      • 2015-02-10
      • 1970-01-01
      • 1970-01-01
      • 2019-01-30
      • 1970-01-01
      相关资源
      最近更新 更多