Question

这是一个奇怪的。至少对我而言。我有一个由PHP生成的HTML页面，其中链接了一个样式表（css.php）。我原来的计划是能够将这个文件的属性保存在MySQL数据库中，然后使用PHP将值加载到文件中每个页面加载的变量。我被谈到这个因为它将使用许多服务器资源来解析每个页面加载时的这个文件。每次对数据库进行更改时，我都决定重写此文件。现在我已经用preferences.php编写了一个文件，并将其名称更改为css.css，它不再看到正确的文件。它只看到我在初始设置代码时写的一行文件。现在我有一个完整的文件，它仍然使用不再存在的单行程。如果我更改回同一文件夹中的.php文件（两者之间的唯一区别是文件扩展名），一切正常吗？我哪里出错了？我确信这是一件我无法看到的简单事。

这里是加载css文件的index.html

<!doctype html>
<html lang= "en">
    <head>
        <title>Rogers Enterprises</title>
        <link rel= "icon" type= "image/png" href= "images/bc2.JPG">
        <meta charset="utf-8">
        <link rel="stylesheet" href= "css/css.css" >
        <script src="js/js.js"></script>
    </head>

这是我的css.css

body { background: linear-gradient(to top right, #ffff00 0%, #000000 100%);
                   color: #ddd8e4; }

            h1 { color: red;
                 text-align: center; }

            div { /*border: 1px solid black; */
                  padding: 1%;
                  float: left; }

            p.content { text-indent: 2%; }
            p.content::first-letter { font-size: 200%;
                                      font-weight: bold;
                                      color: black }

            #logo { width: 98%; }

            .box { width: 10%; }

            #links { width: 100%; }

            #desc { width: 86%; }

            #footer { width: 98%;
                      background-color: #104e01;
                      display: block; 
                      text-align: center; }

            .footer { width: 31.33%; }

            #login {opacity: 0.2; }

            #login-form { max-width: 100%;
                          display: inline-block;
                          margin-left: auto;
                          margin-right: auto;
                          text-align: left; }

            input { border-radius: 5px;
                    max-width: 25vw; }
            img { max-width: 100%;
                  max-height: 100%; }


            /* styles for smart phone */

            @media only screen and (min-width: 302px) and (max-width: 640px) { 

                .box{ position: relative;
                      width: 98%; }         /* desired width */
                .box:before{ content: "";
                             display: block;
                             padding-top: 16.66666666%; } /*What you want the height to be in relation to the width */
                .box-content{ position:  absolute;
                              top: 0;
                              left: 0;
                              bottom: 0;
                              right: 0; }

                #desc { width: 98%; }

            }

            @media only screen and (min-width: 0px) and (max-width: 370px) {

                #remember_me_label { font-size: 4vw; }

            }

            /* styles for tablet */

            @media only screen and (min-width: 768px) and (max-width: 980px) { /* styles for tablet */

            }

这是生成CSS

的preferences.php

$file = fopen("../css/css.css", "w");
    $txt = 'body { background: linear-gradient(to top right, #ffff00 0%, #000000 100%);
                   color: #ddd8e4; }

            h1 { color: red;
                 text-align: center; }

            div { /*border: 1px solid black; */
                  padding: 1%;
                  float: left; }

            p.content { text-indent: 2%; }
            p.content::first-letter { font-size: 200%;
                                      font-weight: bold;
                                      color: black }

            #logo { width: 98%; }

            .box { width: 10%; }

            #links { width: 100%; }

            #desc { width: 86%; }

            #footer { width: 98%;
                      background-color: #104e01;
                      display: block; 
                      text-align: center; }

            .footer { width: 31.33%; }

            #login {opacity: 0.2; }

            #login-form { max-width: 100%;
                          display: inline-block;
                          margin-left: auto;
                          margin-right: auto;
                          text-align: left; }

            input { border-radius: 5px;
                    max-width: 25vw; }
            img { max-width: 100%;
                  max-height: 100%; }


            /* styles for smart phone */

            @media only screen and (min-width: 302px) and (max-width: 640px) { 

                .box{ position: relative;
                      width: 98%; }         /* desired width */
                .box:before{ content: "";
                             display: block;
                             padding-top: 16.66666666%; } /*What you want the height to be in relation to the width */
                .box-content{ position:  absolute;
                              top: 0;
                              left: 0;
                              bottom: 0;
                              right: 0; }

                #desc { width: 98%; }

            }

            @media only screen and (min-width: 0px) and (max-width: 370px) {

                #remember_me_label { font-size: 4vw; }

            }

            /* styles for tablet */

            @media only screen and (min-width: 768px) and (max-width: 980px) { /* styles for tablet */

            }';
    fwrite($file, $txt);
    fclose($file);

我的目录结构如下所示

rogersproperties
  |___index.html
  |___css
  |    |___css.php
  |    |___css.css
  |___php
       |___preferences.php

css链接未被识别

0 个答案: