Fatal编程技术网
  • php/
  • PHP内部的CSS没有显示，它只提供一个空白页面

PHP内部的CSS没有显示，它只提供一个空白页面

php css

PHP内部的CSS没有显示，它只提供一个空白页面,php,css,Php,Css,我的剧本： <?php function ceklogin(){ session_start(); if ($_SESSION['loggedin'] != 1) { header("Location: login.php"); exit; }} function css(){ echo ' <!DOCTYPE html> <html> <head> <title>OpenWrt Ang

我的剧本：

<?php
function ceklogin(){
    session_start();
    if ($_SESSION['loggedin'] != 1) {
        header("Location: login.php");
        exit;
    }}
function css(){
echo '
<!DOCTYPE html>
<html>
<head>
<title>OpenWrt Angel Beats! Edition</title>
<div align="center">

.content:before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  z-index: -1;

  display: block;
  background-image: url("/http://666a658c624a3c03a6b2-25cda059d975d2f318c03e90bcf17c40.r92.cf1.rackcdn.com/unsplash_527bf56961712_1.JPG"/);
  width: 1200px;
  height: 800px;

  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.content {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 0;
  margin-left: 20px;
  margin-right: 20px;
}
</style>
</head>
<body>


<div class="/content"/>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquam erat in ante malesuada, facilisis semper nulla semper. Phasellus sapien neque, faucibus in malesuada quis, lacinia et libero. Sed sed turpis tellus. Etiam ac aliquam tortor, eleifend rhoncus metus. Ut turpis massa, sollicitudin sit amet molestie a, posuere sit amet nisl. Mauris tincidunt cursus posuere. Nam commodo libero quis lacus sodales, nec feugiat ante posuere. Donec pulvinar auctor commodo. Donec egestas diam ut mi adipiscing, quis lacinia mauris condimentum. Quisque quis odio venenatis, venenatis nisi a, vehicula ipsum. Etiam at nisl eu felis vulputate porta.</p>
  <p>Fusce ut placerat eros. Aliquam consequat in augue sed convallis. Donec orci urna, tincidunt vel dui at, elementum semper dolor. Donec tincidunt risus sed magna dictum, quis luctus metus volutpat. Donec accumsan et nunc vulputate accumsan. Vestibulum tempor, erat in mattis fringilla, elit urna ornare nunc, vel pretium elit sem quis orci. Vivamus condimentum dictum tempor. Nam at est ante. Sed lobortis et lorem in sagittis. In suscipit in est et vehicula.</p>
</div>;';
}
function foot() {
echo '<div id="footer" style="background-image: url(images/footer.png);background-color:#ADFF2F;clear:both;text-align:center;">
<button>
<marquee bgcolor="Black" style="font-family:Arial; font-size:16px; color:#7FFF00;">
<b>
bla bla bla bla bla </marquee></button>
</div>';
}
?>
当我运行这个脚本时，它只给出一个空白页，我哪里出错了？如果可能的话，我希望我的网页是在PHP而不是HTML

更新感谢所有的帮助和批评，我已经成功地调用了函数，但是css仍然不起作用，它现在显示文本，但是有一个白色背景，它应该在我的页面上给我一个图像背景。以下是脚本：

<?php
function ceklogin(){
    session_start();
    if ($_SESSION['loggedin'] != 1) {
        header("Location: login.php");
        exit;
    }}
function css(){
echo '
<!DOCTYPE html>
<html>
<head>
<title>OpenWrt Angel Beats! Edition</title>
<div align="center">
<style type=”text/css”>
.content:before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  z-index: -1;

  display: block;
  background-image: url("/http://666a658c624a3c03a6b2-25cda059d975d2f318c03e90bcf17c40.r92.cf1.rackcdn.com/unsplash_527bf56961712_1.JPG"/);
  width: 1200px;
  height: 800px;

  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.content {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 0;
  margin-left: 20px;
  margin-right: 20px;
}
</style>
</head>
<body>


<div class="/content"/>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquam erat in ante malesuada, facilisis semper nulla semper. Phasellus sapien neque, faucibus in malesuada quis, lacinia et libero. Sed sed turpis tellus. Etiam ac aliquam tortor, eleifend rhoncus metus. Ut turpis massa, sollicitudin sit amet molestie a, posuere sit amet nisl. Mauris tincidunt cursus posuere. Nam commodo libero quis lacus sodales, nec feugiat ante posuere. Donec pulvinar auctor commodo. Donec egestas diam ut mi adipiscing, quis lacinia mauris condimentum. Quisque quis odio venenatis, venenatis nisi a, vehicula ipsum. Etiam at nisl eu felis vulputate porta.</p>
  <p>Fusce ut placerat eros. Aliquam consequat in augue sed convallis. Donec orci urna, tincidunt vel dui at, elementum semper dolor. Donec tincidunt risus sed magna dictum, quis luctus metus volutpat. Donec accumsan et nunc vulputate accumsan. Vestibulum tempor, erat in mattis fringilla, elit urna ornare nunc, vel pretium elit sem quis orci. Vivamus condimentum dictum tempor. Nam at est ante. Sed lobortis et lorem in sagittis. In suscipit in est et vehicula.</p>
</div>;';
}
css();
function foot() {
echo '<div id="footer" style="background-image: url(images/footer.png);background-color:#ADFF2F;clear:both;text-align:center;">
<button>
<marquee bgcolor="Black" style="font-family:Arial; font-size:16px; color:#7FFF00;">
<b>
blablablabla </marquee></button>
</div>';
}
foot();
?>
如果你想这样使用它，你需要调用函数，但我建议你打开和关闭你的php标签，而不是创建函数

<?php
    session_start();
    if ($_SESSION['loggedin'] != 1) {
        header("Location: login.php");
        exit;
    }
?>

<!DOCTYPE html>
<html>
<head>
    <title>OpenWrt Angel Beats! Edition</title>

    <style type=”text/css”>
        .content:before {
            content: "";
            position: fixed;
            left: 0;
            right: 0;
            z-index: -1;
            display: block;
            background-image: url("http://666a658c624a3c03a6b2-25cda059d975d2f318c03e90bcf17c40.r92.cf1.rackcdn.com/unsplash_527bf56961712_1.JPG");
            width: 1200px;
            height: 800px;
            -webkit-filter: blur(5px);
            -moz-filter: blur(5px);
            -o-filter: blur(5px);
            -ms-filter: blur(5px);
            filter: blur(5px);
        }

        .content {
             position: fixed;
             left: 0;
             right: 0;
             z-index: 0;
             margin-left: 20px;
             margin-right: 20px;
        }

        #footer {
            background-image: url(images/footer.png);
            background-color:#ADFF2F;
            clear:both;
            text-align:center;
        }

        #footer marquee {
            font-family:Arial;
            font-size:16px;
            color:#7FFF00;
            background-color: black;
        }

    </style>
</head>
<body>

    <div class="/content"/>
        <p> .... </p>
        <p> .... </p>
    </div>

    <div id="footer">
        <button>
            <marquee><b>blablablabla</b></marquee>
        </button>
    </div>
</body>
</html>
各种各样的问题。这应该可以解决一切问题。未经测试。 echo的正确语法为：

PHP

你永远不会调用将回显输出的函数。为什么你会使用这样的函数？不要使用回显打印长CSS/Javascript/HTML。学习如何关闭PHP标记并像其他人一样重新打开它们。@sjagr总会有开发人员使用方形代码并试图将其塞进圆形孔中。请查看我的最新帖子，css仍然无法正常工作。没有评论的向下投票是很棒的人。这是OP的答案。仅仅因为它不是正确的编程方式并不意味着它不正确。虽然技术上是正确的，他需要调用函数，不抱怨开发人员在echo中打印出很长的HTML代码的答案显然是不完整的。实际上@developerwjk是说您应该抱怨echo的可怕使用，既然您没有这样做，那么您就是在鼓励错误答案中的错误形式。@developerwjk，这就是答案。我已编辑以包含创建页面的正确方法。你所做的只是抱怨，而不是向他展示正确的方法。这有什么帮助吗？伙计们，请查看我更新的帖子，css仍然不起作用。将内容定位为默认的固定内容毫无意义。您可以删除z-index:0，因为它太多余了。将内容定位为默认的固定内容是没有意义的。您可以删除z索引：0太多余了。左边距应该像填充一样填充：1.25em 0；如果你想保持这个位置和利润率，左边距和左边距之间会有一场战斗。此外，em比px更灵活，是W3C首选的最佳实践。1em表示浏览器的默认字体大小，通常为16px。 
echo <<<EOT
  CSS / HTML
EOT;

 <?php
session_start();
if ($_SESSION['loggedin'] != 1) {
  include 'login.php';
  exit;
}
echo <<<EOT
<!DOCTYPE html>
<html>
<head>
<title>OpenWrt Angel Beats! Edition</title>
<style type="text/css">
.contentBefore {
  position: fixed;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-image: url("/http://666a658c624a3c03a6b2-25cda059d975d2f318c03e90bcf17c40.r92.cf1.rackcdn.com/unsplash_527bf56961712_1.JPG"/);
  width: 1200px;
  height: 800px;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
#content {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 0;
  margin-left: 20px;
  margin-right: 20px;
}
#footer{background-image: url(images/footer.png);background-color:#ADFF2F;clear:both;text-align:center;}
marquee{
  background:#000; 
  font:400 1em Arial;
  color:#7FFF00>
}
</style></head><body><div id="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquam erat in ante malesuada, facilisis semper nulla semper. Phasellus sapien neque, faucibus in malesuada quis, lacinia et libero. Sed sed turpis tellus. Etiam ac aliquam tortor, eleifend rhoncus metus. Ut turpis massa, sollicitudin sit amet molestie a, posuere sit amet nisl. Mauris tincidunt cursus posuere. Nam commodo libero quis lacus sodales, nec feugiat ante posuere. Donec pulvinar auctor commodo. Donec egestas diam ut mi adipiscing, quis lacinia mauris condimentum. Quisque quis odio venenatis, venenatis nisi a, vehicula ipsum. Etiam at nisl eu felis vulputate porta.</p>
<p>Fusce ut placerat eros. Aliquam consequat in augue sed convallis. Donec orci urna, tincidunt vel dui at, elementum semper dolor. Donec tincidunt risus sed magna dictum, quis luctus metus volutpat. Donec accumsan et nunc vulputate accumsan. Vestibulum tempor, erat in mattis fringilla, elit urna ornare nunc, vel pretium elit sem quis orci. Vivamus condimentum dictum tempor. Nam at est ante. Sed lobortis et lorem in sagittis. In suscipit in est et vehicula.</p>
</div>
<div id="footer"">
<button>
<marquee 
<b>
bla bla bla bla bla </marquee></button>
</div>';
EOT
?>