个人中心
gpt4 book ai didi

php - 使用相同的导航栏链接多个页面

转载 作者：行者123 更新时间：2023-11-28 17:29:39 26 4
gpt4 key购买 nike

所以最近我了解到可以在html中导入php文件。所以这意味着如果我想制作一个导航栏，我需要用 php 编写它，然后在我的 html 中“包含”它。所以我的问题是:

  1. 如何在 php 中编写 html 代码？

  2. 如何使用 css 设置导航栏的样式？

为了澄清第二个问题，我的意思是在我将 php 文件包含到 html 中后 css 是否仍然有效

最佳答案

至于在php中输出HTML:

<?php
    echo "<p class='myTest' id='myTag'>This is some text within HTML-tags</p>";
    // Notice the use of "" and '', you do not wanna close the echo adding a class or such
?>

至于 CSS，首先在您的 HTML 文件中包含一个样式表(在 <head> 标记中):

<link rel="stylesheet" type="text/css" href="myStyle.css">

在 myStyle.css 中，设置 HTML 样式:

p.myTest {
    color: red;
    /* All <p> tags content with the class myTest will be written in red */
}

如果您希望您的样式是特定于标签的:

p {
    color: red;
    /* All <p> tags content will be written in red */
}

或者您可能希望将其应用于唯一 ID:

#myTag {
    color: red;
    /* The content of the tag with the id "myTag" will be colored red, 
       given that color is a valid property for that specific tag */
}

有很多 basic styling那里的教程和指南可帮助您开始设置导航栏的样式。

关于php - 使用相同的导航栏链接多个页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37228448/

26 4 0
文章推荐： javascript - 尝试从自定义下拉菜单中获取特定值
文章推荐： html - IE11 中背景图片和边框半径的奇怪问题
文章推荐： css - Flexbox 的动画或过渡属性
文章推荐： html - 带有两行图像的 Bootstrap 导航栏