1

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

这是php页面的顶部...

登录模板.php

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

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

设计.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);
    }
4

2 回答 2

2

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

此外，您可能还想添加media属性，这将有助于定义此 CSS 文档适用于哪种媒体类型。这是有关媒体属性的一些信息

编辑

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

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

编辑

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

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

于 2013-04-28T22:44:19.317 回答
1

在正文标记的样式中，您在行尾缺少右括号，这可能会使其余代码无效。紧随其后color-stop的是内部嵌套括号。

于 2013-04-28T22:48:22.043 回答