向PHP脚本（页面）添加视觉样式
用户到达以下php脚本，并设置电子邮件是否已确认 目前，用户在浏览器中唯一能看到的是php echo打印的一条非常简单的消息 我希望它看起来更有趣。让此回音成为具有标题、字体样式、签名和图像的正确样式HTML页面的一部分 考虑到我的脚本有断点，最好的方法是什么？因为我以前从来没有这样做过，所以我不确定什么是集中精力的最佳起点 下面是我根据答案更新的代码。希望这能帮助其他人 对php不熟悉的用户向PHP脚本（页面）添加视觉样式,php,html,css,Php,Html,Css,用户到达以下php脚本，并设置电子邮件是否已确认 目前，用户在浏览器中唯一能看到的是php echo打印的一条非常简单的消息 我希望它看起来更有趣。让此回音成为具有标题、字体样式、签名和图像的正确样式HTML页面的一部分 考虑到我的脚本有断点，最好的方法是什么？因为我以前从来没有这样做过，所以我不确定什么是集中精力的最佳起点 下面是我根据答案更新的代码。希望这能帮助其他人 对php不熟悉的用户 标题在这里 /* ------------------------------------- 全球的
标题在这里
/* -------------------------------------
全球的
------------------------------------- */
* {
保证金：0；
填充：0；
字体系列：“Helvetica Neue”，“Helvetica”，Helvetica，Arial，无衬线；
字体大小：100%；
线高：1.6；
}
img{
最大宽度：100%；
}
身体{
-webkit字体平滑：抗锯齿；
-webkit文本大小调整：无；
宽度：100%！重要；
身高：100%；
}
/* -------------------------------------
元素
------------------------------------- */
a{
颜色：#348eda；
}
.btn主要{
文字装饰：无；
颜色：#FFF；
背景色：#348eda；
边框：实心#348eda；
边框宽度：10px 20px；
线高：2；
字体大小：粗体；
右边距：10px；
文本对齐：居中；
光标：指针；
显示：内联块；
边界半径：25px；
}
.btn中学{
文字装饰：无；
颜色：#FFF；
背景色：#aaa；
边框：实心#aaa；
边框宽度：10px 20px；
线高：2；
字体大小：粗体；
右边距：10px；
文本对齐：居中；
光标：指针；
显示：内联块；
边界半径：25px；
}
.最后{
页边距底部：0；
}
.首先{
边际上限：0；
}
.填充{
填充：10px0；
}
/* -------------------------------------
身体
------------------------------------- */
表3：车身包装{
宽度：100%；
填充：20px；
}
表3.body-wrap.容器{
边框：1px实心#f0；
}
/* -------------------------------------
页脚
------------------------------------- */
table.footer-wrap{
宽度：100%；
清楚：两者都有！很重要；
}
.footer wrap.container p{
字体大小：12px；
颜色：#666；
}
table.footer-wrap a{
颜色：#999；
}
/* -------------------------------------
印刷术
------------------------------------- */
h1，h2，h3{
字体系列：“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，无衬线；
颜色：#d63480；
利润率：40px 0 10px；
线高：1.2；
字号：200；
}
h1{
字体大小：36px；
}
氢{
字号：28px；
}
h3{
字体大小：22px；
}
p、 ul，ol{
边缘底部：10px；
字体大小：正常；
字体大小：14px；
}
ul li，ol li{
左边距：5px；
列表样式位置：内部；
}
/* ---------------------------------------------------
响应性
------------------------------------------------------ */
/*设置最大宽度，并使其显示为块，这样它将自动拉伸到该宽度，但在手机或其他设备上也会缩小*/
.集装箱{
显示：块！重要；
最大宽度：600px！重要；
边距：0自动！重要；/*使其居中*/
清楚：两者都有！很重要；
}
/*为Outlook兼容性设置td而不是div上的填充*/
.车身包装.容器{
填充：20px；
}
/*这也应该是一个块元素，这样它将填充100%的.container*/
.内容{
最大宽度：600px；
保证金：0自动；
显示：块；
}
/*让我们确保内容区域中的表是100%宽的*/
.内容表{
宽度：100%；
}
标题
谢谢
冠军队
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta charset="UTF-8">
<title></title>
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<div class="some_style"><?php
echo 'something';
?></div>
<div class="some_style2"><?php
echo $some_var;
?></div>
</body>
</html>
ifincluderequireechotemplate.phptemplate.php<!DOCTYPE html>
<html>
<head>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta charset="UTF-8">
<title></title>
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<div class="some_style"><?php
echo 'something';
?></div>
<div class="some_style2"><?php
echo $some_var;
?></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta charset="UTF-8">
<title></title>
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<div class="some_style"><?php
echo 'something';
?></div>
<div class="some_style2"><?php
echo $some_var;
?></div>
</body>
</html>
ifincluderequireechoecho "<p id='token_message'>User with this email token is not found</p>";
#token_message {
/* Styling Here */
}
// out of php
?>
<div>
<?php echo $content; ?>
</div>
<?
// back in.