📅  最后修改于: 2023-12-03 14:51:49.617000             🧑  作者: Mango
在 PHP 中,使不同的页面具有不同的样式是非常简单的。您可以使用不同的 CSS 文件或内联 CSS 样式来实现这一点。以下是实现此目的的两种方法:
首先,在您的 PHP 代码中,需要在头部将CSS和该页面相关联起来。使用<link rel="stylesheet" type="text/css" href="style.css">
标记,将href
属性设置为页面的样式所在的 CSS 文件的路径。例如:
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>这是我的 PHP 页面</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</body>
</html>
接下来,您需要为不同的页面创建不同的 CSS 文件。可以根据页面名称来创建每个 CSS 文件,这样就可以轻松地确定哪个样式用于哪个页面,同时还可以确保每个页面的样式是不同的。
例如,假设有两个 PHP 页面:index.php
和about.php
,可以为每个页面各创建一个 CSS 文件:
style_index.css
style_about.css
然后,在index.php
和about.php
头部,只需将href
属性设置为所需样式的 CSS 文件的路径即可。例如,在index.php
:
<head>
<title>首页</title>
<link rel="stylesheet" type="text/css" href="style_index.css">
</head>
在about.php
:
<head>
<title>关于我们</title>
<link rel="stylesheet" type="text/css" href="style_about.css">
</head>
这样,您就可以为每个 PHP 页面使用不同的样式,使它们看起来不同。
另一种选择是在 PHP 代码中使用内联 CSS 样式。可以使用该<style>
标签来定义内联样式,可以将你的 CSS 规则直接放到<style>
标签内而不要放到 CSS 文件中。
例如,在index.php
,将<style>
标签添加到<head>
部分,并为页面定义所需的样式规则:
<head>
<title>首页</title>
<style>
body {
background-color: #f1f1f1;
}
h1 {
color: blue;
}
</style>
</head>
同样的,在about.php
中也可以使用内联 CSS 样式,例如:
<head>
<title>关于我们</title>
<style>
body {
background-color: #eee;
}
h1 {
color: red;
}
</style>
</head>
使用内联 CSS 样式的好处在于您无需创建多个 CSS 文件,但是它不太具有可维护性。
以上就是在 PHP 中使不同页面具有不同样式的两种方法。无论您使用哪种方法,都应该可以轻松地为 PHP 页面添加样式。