Question

所以我最初在一个php文件中创建了我的网页，并且所有css样式都按预期工作。但是，现在我已经尝试通过将所有css放在自己的文件中来分解代码，我的php页面不包含来自css页面的任何样式。我确定我犯了一个简单的错误，但我似乎无法弄清楚我做错了什么。我的文件夹的链接是计算机 - ＆gt; MWebsite - ＆gt;登录 - ＆gt; login_template.php和css文件夹（ - ＆gt; design.css）。

这是php页面的顶部......

login_template.php

<html>
<head>
<title>CarPals</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="design.css">
</head>
<body>

这里是css页面的顶部，只是为了展示我如何布置......

design.css

h1 {text-align: center; color: #bdd0d9 }
a {color: #f75d59; text-decoration: underline; }
yy2 {color: #808080; font-family: "Comic Sans MS", cursive, sans-serif; font-size:12px;}
yy3 {color: #6D9BC6; font-size: 30px; font-family: "palatino linotype", Book Antiqua, Palatino, serif;  font-weight:bold;}
body {width:100%; background-image: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, #4D4D4D))}
.dotted {margin:-7px; border: 1px dotted #808080; border-style: none none solid; color: #000; background-color: #F2F2F2; }   
#outline {background:#696969; position: absolute; top: 0px; margin: -10px; width:1287; height:80px;}
#outline-text {position:absolute; top:-12px; left:200px; width:300px;}  
#break {height:15px} 
#break2 {height:10px} 
#break3 {height:15px} 
#frm {
        background: #6e6e6e;
        margin:auto;
        top:320px; left:857px; width:243px; height:230px;
        position:absolute;
        font-family: "Comic Sans MS", cursive, sans-serif; font-size: 7px; font-style: italic;
        line-height: 24px;
        font-weight: bold;
        color: #C0C0C0;
        text-decoration: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding:10px;
        border: 1px solid #999;
        border: inset 1px solid #333;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.7);
    }

Answer 1

在我看来，您只是缺少链接标记的type属性。试试type="text/css"，看看情况如何。

此外，您可能还想添加media属性，这有助于定义此CSS文档的媒体类型。 Here is some information regarding the media attribute

修改

这里是如何包含Stack Overflow的CSS（编辑时的确切HTML）：

<link rel="stylesheet" type="text/css" href="http://cdn.sstatic.net/stackoverflow/all.css?v=0f0c93534e2b">

修改

进一步检查是值得的，包括执行CSS Validation，如果解决任何问题并不能解决您的问题，它可能实际上是访问CSS文件。

检查您在浏览器中访问的页面是否与CSS文档相关。如果您在URL中物理访问的页面（即http://youwebsitehere.com/youPage.php）与CSS无关（因为您的CSS href是相对的 - “css / design.css”），那么您希望能够访问您的CSS通过http://youwebsitehere.com/css/design.css

Answer 2

在body标签的样式中，您缺少行末的右括号，这可能会使其余代码无效。在color-stop之后，内部嵌套括号。

麻烦使用单独的CSS文件

2 个答案: