PHP CSS :: 内联工作，但不是内部和外部样式表 - PHP CSS :: inline work but not internal and external stylesheet

PHP CSS :: inline work but not internal and external stylesheet

我创建了接受来自 $_GET 方法数据的 PHP 文件。

之后，我使用我获得的所有数据来创建HTML页面。数据没有任何问题，但在CSS中我无法设置HTML元素的样式。除非涉及到内联样式，否则可以工作，但维护起来并不好。

我尝试这样使用，但它不起作用，请帮助

提前致谢

示例.php

<?php
$dataCover      = $_GET['dataCover'];
$dataTitle      = $_GET['dataTitle'];
$dataTag        = $_GET['dataTag'];
$dataDir        = $_GET['dataDir'];
$dataYear       = $_GET['dataYear'];
$dataCreated    = $_GET['dataCreated'];
$dataModified   = $_GET['dataModified'];
$userAUID       = $_GET['userAUID'];
$galleryID      = $_GET['galleryID'];
?>
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css" media="all">
        #container img{
            height: 230px;
            width: 200px;
        }
        #container .center{
            display: block;
            margin: 0 auto;
        }
    </style>
    <script src="../lib/jquery-1.10.2.min.js"></script>
    <script src="../lib/jquery.mobile-1.3.1.min.js"></script>
    <script src="../lib/se.js"></script>
</head>
<body>

    <div data-role ="page" id ="page1">
        <div data-role ="header">
            <h1> header </h1>
        </div>
        <div data-role="content">
            <div id="container">
                <img class="center" src="<?echo $dataCover?>" alt=""/>
                <p id="title"><?echo $dataTitle;?></p>
                <p id="tag"><?echo $dataTag;?></p>
                <p id="created">Created : <?echo $dataCreated?></p>
                <p id="modified">modified : <?echo $dataModified?></p>
                <a href="http://54.249.251.55/AUgallery"  target="_blank" data-url="<? echo $dataCreated ?>" rel="external" data-role="button">View Ebook-Gallery</a>
                <a href="<?echo 'http://localhost/webAPP/php/addBookmark.php?userAUID='.$userAUID.'&noteID='.$galleryID?>"data-ajax="false" rel="external" data-role="button">Bookmark</a>
            </div>
        </div>
    </div>
</body>
</html>

当您将 css 从内联移动到样式表文件时，您必须使用 Ctrl+F5 刷新页面。也许它来自缓存。你也可以通过jquery将你的css分配给图像。

我没有看到任何对任何外部样式表的引用，所以你似乎忘记这样做了。

把这条线

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

在头上的某个地方。也许在脚本标签之前。

确保调整样式表的路径。

Yes When you want to apply external css you have to  give the path after the <title> tags within the <head> tags .just follow the html code
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
<!--Here css is the folder name where you have keep the style.css file -->
    <script src="../lib/jquery-1.10.2.min.js"></script>
    <script src="../lib/jquery.mobile-1.3.1.min.js"></script>
    <script src="../lib/se.js"></script>
</head>