PHP/HTML项目中如何关联aboutus.css与aboutus.php文件?
如何关联aboutus.css与aboutus.php
别担心,这个问题在刚接触PHP脚本开发时特别常见,我给你两种简单可行的方案,你可以根据自己的需求选:
方法1:直接在aboutus.php中引入CSS(快速生效)
这种方法不用修改其他文件,适合只想给aboutus.php单独配置样式的场景:
先确认你的
aboutus.css文件位置:- 如果和
aboutus.php在同一个文件夹里,路径就是aboutus.css - 如果放在网站根目录的
css文件夹里(比如css/aboutus.css),就用这个路径
- 如果和
在你的
aboutus.php代码里,找到include_once( MDSROOT . "/html/header.php" );这一行的后面,添加下面的代码:
<link rel="stylesheet" type="text/css" href="你的CSS文件路径">
举个例子,如果CSS在根目录的css文件夹里,就写成:
<link rel="stylesheet" type="text/css" href="css/aboutus.css">
如果和aboutus.php同目录:
<link rel="stylesheet" type="text/css" href="aboutus.css">
小提示:虽然把
<link>放在<body>区域(header之后就是页面内容区了)浏览器也能解析,但从规范角度来说,最好放在<head>标签里。如果你想更规范,看方法2。
方法2:在header.php中根据页面引入CSS(更符合项目结构)
因为你的所有页面都包含了header.php,我们可以在这里判断当前页面是不是aboutus.php,只在这个页面加载对应的CSS:
打开
html/header.php文件,找到里面的<head>标签区域(就是包含<title>、其他公共CSS/JS引入的地方)在
<head>里添加下面的PHP代码:
<?php // 获取当前运行的文件名 $current_page = basename($_SERVER['PHP_SELF']); // 如果当前是aboutus.php,就加载对应的CSS文件 if ($current_page == 'aboutus.php') { echo '<link rel="stylesheet" type="text/css" href="css/aboutus.css">'; } ?>
记得把href里的路径改成你实际的CSS文件路径哦!
这种方式的好处是,公共样式统一在header里管理,单独页面的样式按需加载,项目结构会更清晰。
快速验证是否关联成功
你可以在aboutus.css里加一段测试样式:
body { background-color: lightblue !important; }
然后刷新aboutus.php页面,如果页面背景变成浅蓝色,就说明关联成功啦!
内容的提问来源于stack exchange,提问作者smithy
相关产品推荐
相关产品推荐

