如何使用CSS设置PHP include文件中的HTML内容的样式?
例如,我有一个这样的基本网页(注意,代码是飞越的......而不是实际的代码。只是想说明场景)-
<html>
<head>
<title><title>
<link rel="stylesheet" href="mainstyle.css" />
</head>
<body>
<div id="header">
<?php include("header.php"); ?>
</div>
<div id="menu">
<?php include("menu.php"); ?>
</div>
<div id="body"> blah blah blah </div>
<div id="footer">
<?php include("footer.php"); ?>
</div>
</body>
</html>
现在 php 包含上述文件 -
menu.php:
<a href="#" class="menulink">link1</a>
<a href="#" class="menulink">link2</a>
<a href="#" class="menulink">link3</a>
<a href="#" class="menulink">link4</a>
header.php:
<p><span id="hugesize">this text is in huge size </span></p>
问题是,我如何设置菜单链接和 php 包含文件中存在的 巨大类/id 的样式 - menu.php 和 header.php...? 这些样式是否应该包含在页面的样式表中,其中这些包含代码将被"嵌入".. 如在引用的样式表中
<link rel="stylesheet" href="mainstyle.css" />
谢谢。
include 基本上只是将文本附加到文件中,因此一旦 PHP 处理了基本页面,您将拥有一个大文件。
因此,有两种方法可以设置这些类的样式,要么在标题中包含块,要么仅将其包含在主链接中。
你:)回答了自己的问题。 包含这些文件后,它们将作为单个输出单元发送到浏览器。 同一页面上包含的样式表中的任何 CSS 规则都将影响该页面上的所有 html。
错。如果您链接到主页中的 css 样式表,则样式适用于所有内容。因为 css 只应用于客户端,也就是浏览器。浏览器不知道包含等,在将任何内容发送到浏览器之前,服务器上处理的所有内容。
每当我处理PHP和HTML的组合时,我总是为自己创建一个带有虚假值的原型HTML页面,这样我就可以在后端工作之前确保HTML/CSS可以工作。当 HMTL 看起来不错时,我会在 PHP 中获取输出所需的任何部分并相应地使用这些部分。此方法还解决了有关接口的基本问题,并且实际上可能会在构建代码时为您提供帮助。乍一看,这似乎是一个更长的方法,但它确实为我节省了大量的时间和挫败感,因为在使用 PHP 时不必处理输出样式。