php - 外部样式表不显示任何样式,但内部样式表显示

标签 php html css

当我将所有样式放在样式标签中时,它工作正常,但如果我将这些代码放在外部样式表中,它不会在前端显示任何样式。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php $title; ?></title>
<link href="css/style.css" rel="stylesheet" type="text/css" />

</head>
    <table border="1" cellpadding="2" cellspacing="2">
    <tr>
                        <th>post ID</th>
                        <th>post title</th>
                        <th>post Description</th>
                        <th>Author</th>
                        <th>Date</th>
                      </tr>
        <?php 
            foreach($posts as $post)
            {

                echo "
                        <tr>
                        <td>".$post->Post_id."</td>
                        <td>".$post->post_title."</td>
                        <td>".$post->Post_description."</td>
                        <td>".$post->author."</td>
                        <td>".$post->date."</td>
                        </tr>
                "   ;     
            }
            ?>


    </table>
<body>
</body>
</html>

我的外部样式表是 /* CSS 文档 */

table{
    width:1000px;
    text-align:center;
    margin:auto;
    }
th{
    background:#0CC;
    animation-direction:normal;
    height:50px;
    }
td{
    height:50px;
    background:#396;
    color:#FFF;
    }   

我不明白哪里出了问题。

最佳答案

您的 HTML <table>应该放在 <body></body> 之间.

关于php - 外部样式表不显示任何样式,但内部样式表显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36964350/

相关文章:

html - 日期选择器 html5 标签在 Mozilla、IE 浏览器上不工作。但它只适用于 Chrome

jquery - 单击其他按钮时,如何使所有选定的按钮恢复为原始按钮?

javascript - 如何更改 Bootstrap 轮播的间隔时间?

进行下拉选择时,JavaScript 代码无法显示图片

php通过 session 数组检查元素是否存在

php - Eloquent - 比较 save() 模型后的属性变化

php - 如何在while循环中排序?

css - 如何在 CSS 中定位多个 DIV

html - 当另一个 Div 悬停在第一个 Div 之后时如何更改 Div 的 CSS 属性

php - Nginx:在 Symfony2 应用程序的子文件夹中运行 wordpress