【php与html与css】在html能显示css的内容，在php不行

最新推荐文章于 2021-08-04 10:36:40 发布
最新推荐文章于 2021-08-04 10:36:40 发布
阅读量1.3k 收藏
点赞数 1
分类专栏： php 文章标签： html php css tomcat
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013580497/article/details/51251926
版权

基本上最怕编网页了，因为总是出现一些摸不着头脑的错误，网上查了一堆也无法解决。

环境：Tomcat8.0、PHP

情况如下：

myWeb是用来运行一些JSP、HTML文件的，在该文件夹下无法运行php文件。
、
phpbin是配置tomcat8.0和php后，php文件的存放地点。

这两个文件都存在于同样的文件夹中，都是一样的代码，但是显示效果完全不同。代码如下： 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Hello SyntaxHighlighter</title>
	<script type="text/javascript" src="scripts/shCore.js"></script>
	<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
	<link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>
	</style>
	<script type="text/javascript">SyntaxHighlighter.all();</script>
</head>

<body style="background: white; font-family: Helvetica">

<h1>Hello SyntaxHighlighter</h1>

<pre class="brush: js;">
function helloSyntaxHighlighter()
{
	return "hi!";
}
</pre>

</html>
问题存在于这一行内： 
<link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>
在浏览器打开源代码进入该链接效果如下：
myWeb文件夹里面的：

phpbin文件夹里面的：

怀疑是这个问题导致的，那么不用link了，直接放入html里面吧。 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Hello SyntaxHighlighter</title>
	<script type="text/javascript" src="scripts/shCore.js"></script>
	<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
	<link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>
	<style type="text/css">
			.syntaxhighlighter a,
			.syntaxhighlighter div,
			.syntaxhighlighter code,
			.syntaxhighlighter table,
			.syntaxhighlighter table td,
			.syntaxhighlighter table tr,
			.syntaxhighlighter table tbody,
			.syntaxhighlighter table thead,
			.syntaxhighlighter table caption,
			.syntaxhighlighter textarea {
			  -moz-border-radius: 0 0 0 0 !important;
			  -webkit-border-radius: 0 0 0 0 !important;
			  background: none !important;
			  border: 0 !important;
			  bottom: auto !important;
			  float: none !important;
			  height: auto !important;
			  left: auto !important;
			  line-height: 1.1em !important;
			  margin: 0 !important;
			  outline: 0 !important;
			  overflow: visible !important;
			  padding: 0 !important;
			  position: static !important;
			  right: auto !important;
			  text-align: left !important;
			  top: auto !important;
			  vertical-align: baseline !important;
			  width: auto !important;
			  box-sizing: content-box !important;
			  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
			  font-weight: normal !important;
			  font-style: normal !important;
			  font-size: 1em !important;
			  min-height: inherit !important;
			  min-height: auto !important;
			}

			.syntaxhighlighter {
			  width: 100% !important;
			  margin: 1em 0 1em 0 !important;
			  position: relative !important;
			  overflow: auto !important;
			  font-size: 1em !important;
			}
			.syntaxhighlighter.source {
			  overflow: hidden !important;
			}
			.syntaxhighlighter .bold {
			  font-weight: bold !important;
			}
			.syntaxhighlighter .italic {
			  font-style: italic !important;
			}
			.syntaxhighlighter .line {
			  white-space: pre !important;
			}
			.syntaxhighlighter table {
			  width: 100% !important;
			}
			.syntaxhighlighter table caption {
			  text-align: left !important;
			  padding: .5em 0 0.5em 1em !important;
			}
			.syntaxhighlighter table td.code {
			  width: 100% !important;
			}
			.syntaxhighlighter table td.code .container {
			  position: relative !important;
			}
			.syntaxhighlighter table td.code .container textarea {
			  box-sizing: border-box !important;
			  position: absolute !important;
			  left: 0 !important;
			  top: 0 !important;
			  width: 100% !important;
			  height: 100% !important;
			  border: none !important;
			  background: white !important;
			  padding-left: 1em !important;
			  overflow: hidden !important;
			  white-space: pre !important;
			}
			.syntaxhighlighter table td.gutter .line {
			  text-align: right !important;
			  padding: 0 0.5em 0 1em !important;
			}
			.syntaxhighlighter table td.code .line {
			  padding: 0 1em !important;
			}
			.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
			  padding-left: 0em !important;
			}
			.syntaxhighlighter.show {
			  display: block !important;
			}
			.syntaxhighlighter.collapsed table {
			  display: none !important;
			}
			.syntaxhighlighter.collapsed .toolbar {
			  padding: 0.1em 0.8em 0em 0.8em !important;
			  font-size: 1em !important;
			  position: static !important;
			  width: auto !important;
			  height: auto !important;
			}
			.syntaxhighlighter.collapsed .toolbar span {
			  display: inline !important;
			  margin-right: 1em !important;
			}
			.syntaxhighlighter.collapsed .toolbar span a {
			  padding: 0 !important;
			  display: none !important;
			}
			.syntaxhighlighter.collapsed .toolbar span a.expandSource {
			  display: inline !important;
			}
			.syntaxhighlighter .toolbar {
			  position: absolute !important;
			  right: 1px !important;
			  top: 1px !important;
			  width: 11px !important;
			  height: 11px !important;
			  font-size: 10px !important;
			  z-index: 10 !important;
			}
			.syntaxhighlighter .toolbar span.title {
			  display: inline !important;
			}
			.syntaxhighlighter .toolbar a {
			  display: block !important;
			  text-align: center !important;
			  text-decoration: none !important;
			  padding-top: 1px !important;
			}
			.syntaxhighlighter .toolbar a.expandSource {
			  display: none !important;
			}
			.syntaxhighlighter.ie {
			  font-size: .9em !important;
			  padding: 1px 0 1px 0 !important;
			}
			.syntaxhighlighter.ie .toolbar {
			  line-height: 8px !important;
			}
			.syntaxhighlighter.ie .toolbar a {
			  padding-top: 0px !important;
			}
			.syntaxhighlighter.printing .line.alt1 .content,
			.syntaxhighlighter.printing .line.alt2 .content,
			.syntaxhighlighter.printing .line.highlighted .number,
			.syntaxhighlighter.printing .line.highlighted.alt1 .content,
			.syntaxhighlighter.printing .line.highlighted.alt2 .content {
			  background: none !important;
			}
			.syntaxhighlighter.printing .line .number {
			  color: #bbbbbb !important;
			}
			.syntaxhighlighter.printing .line .content {
			  color: black !important;
			}
			.syntaxhighlighter.printing .toolbar {
			  display: none !important;
			}
			.syntaxhighlighter.printing a {
			  text-decoration: none !important;
			}
			.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
			  color: black !important;
			}
			.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
			  color: #008200 !important;
			}
			.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
			  color: blue !important;
			}
			.syntaxhighlighter.printing .keyword {
			  color: #006699 !important;
			  font-weight: bold !important;
			}
			.syntaxhighlighter.printing .preprocessor {
			  color: gray !important;
			}
			.syntaxhighlighter.printing .variable {
			  color: #aa7700 !important;
			}
			.syntaxhighlighter.printing .value {
			  color: #009900 !important;
			}
			.syntaxhighlighter.printing .functions {
			  color: #ff1493 !important;
			}
			.syntaxhighlighter.printing .constants {
			  color: #0066cc !important;
			}
			.syntaxhighlighter.printing .script {
			  font-weight: bold !important;
			}
			.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
			  color: gray !important;
			}
			.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
			  color: #ff1493 !important;
			}
			.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
			  color: red !important;
			}
			.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
			  color: black !important;
			}

			.syntaxhighlighter {
			  background-color: white !important;
			}
			.syntaxhighlighter .line.alt1 {
			  background-color: white !important;
			}
			.syntaxhighlighter .line.alt2 {
			  background-color: white !important;
			}
			.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
			  background-color: #e0e0e0 !important;
			}
			.syntaxhighlighter .line.highlighted.number {
			  color: black !important;
			}
			.syntaxhighlighter table caption {
			  color: black !important;
			}
			.syntaxhighlighter .gutter {
			  color: #afafaf !important;
			}
			.syntaxhighlighter .gutter .line {
			  border-right: 3px solid #6ce26c !important;
			}
			.syntaxhighlighter .gutter .line.highlighted {
			  background-color: #6ce26c !important;
			  color: white !important;
			}
			.syntaxhighlighter.printing .line .content {
			  border: none !important;
			}
			.syntaxhighlighter.collapsed {
			  overflow: visible !important;
			}
			.syntaxhighlighter.collapsed .toolbar {
			  color: blue !important;
			  background: white !important;
			  border: 1px solid #6ce26c !important;
			}
			.syntaxhighlighter.collapsed .toolbar a {
			  color: blue !important;
			}
			.syntaxhighlighter.collapsed .toolbar a:hover {
			  color: red !important;
			}
			.syntaxhighlighter .toolbar {
			  color: white !important;
			  background: #6ce26c !important;
			  border: none !important;
			}
			.syntaxhighlighter .toolbar a {
			  color: white !important;
			}
			.syntaxhighlighter .toolbar a:hover {
			  color: black !important;
			}
			.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
			  color: black !important;
			}
			.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
			  color: #008200 !important;
			}
			.syntaxhighlighter .string, .syntaxhighlighter .string a {
			  color: blue !important;
			}
			.syntaxhighlighter .keyword {
			  color: #006699 !important;
			}
			.syntaxhighlighter .preprocessor {
			  color: gray !important;
			}
			.syntaxhighlighter .variable {
			  color: #aa7700 !important;
			}
			.syntaxhighlighter .value {
			  color: #009900 !important;
			}
			.syntaxhighlighter .functions {
			  color: #ff1493 !important;
			}
			.syntaxhighlighter .constants {
			  color: #0066cc !important;
			}
			.syntaxhighlighter .script {
			  font-weight: bold !important;
			  color: #006699 !important;
			  background-color: none !important;
			}
			.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
			  color: gray !important;
			}
			.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
			  color: #ff1493 !important;
			}
			.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
			  color: red !important;
			}

			.syntaxhighlighter .keyword {
			  font-weight: bold !important;
			}

	</style>
	<script type="text/javascript">SyntaxHighlighter.all();</script>
</head>

<body style="background: white; font-family: Helvetica">

<h1>Hello SyntaxHighlighter</h1>

<pre class="brush: js;">
function helloSyntaxHighlighter()
{
	return "hi!";
}
</pre>

</html>
然后就好了...........

然后我再尝试把前面一行去掉： 
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Hello SyntaxHighlighter</title>
	<script type="text/javascript" src="scripts/shCore.js"></script>
	<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
	<link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>
	</style>
	<script type="text/javascript">SyntaxHighlighter.all();</script>
</head>

<body style="background: white; font-family: Helvetica">

<h1>Hello SyntaxHighlighter</h1>

<pre class="brush: js;">
function helloSyntaxHighlighter()
{
	return "hi!";
}
</pre>

</html>
一样能用.........
所以说我最讨厌编网页了.......
nowave1024
关注
专栏目录
php-1:php-js-html-css
05-30
php-1 php-js-html-css 你太烂了
php不显示css样式,thinkphp加载不了css样式怎么解决
weixin_36090065的博客
03-09 1027
thinkphp加载不了css样式怎么解决解决方法：1、项目入口文件index.php
为在php网页中的css样式显示不出来,网页不能正常显示css怎么办
weixin_34173125的博客
03-13 928
网页不能正常显示css的解决办法：1、检查网络原因；2、修改CSS代码写法；3、将CSS文件的字符集和调用CSS文件的网页字符集设置为一致即可。本教程操作环境：windows7系统、css3版本、Dell G3电脑。网页不能正常显示css的可能原因1、网络原因IIS空间不足、浏览者网速慢、空间速度慢等网络因素是造成CSS加载失败，不能正常显示css的原因之一，其具体表现为：当我们打开网页时，网页布...
php给html加样式,HTML 样式
weixin_42452460的博客
03-29 461
HTML 样式样式(style)属性是一个崭新的HTML属性，它把CSS引入到了HTML中。瞧！样式和颜色！这是红色的宋体字这是蓝色的黑体字这是30像素高的文字HTML样式属性样式(style)属性的用途是：提供了一种给HTML元素增添样式的通用方式。样式(style)是在HTML 4中引入的，它是一种新的、首选的给HTML元素增添样式的方式。你可以通过style属性直接给HTML元素增添样式，也...
html和php css文件怎么打开,html怎么导入css文件
weixin_32736961的博客
06-25 425
方法：1、使用link标签，语法“”；2、使用“@import”规则，语法“@import url("CSS文件路径");”。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。CSS文件一般叫CSS外部样式表，是用于放置CSS代码的文本文件，而CSS代码具有一定规律规则的文本代码组成。我们使用记事本将扩展名更改即可变成CSS文件。css文件是以.c...
基于JavaScript的HTML、Java、CSS、PHP与Spring学习过程源码解析
最新发布
10-04
该学习项目融合了JavaScript、HTML、Java、CSS、PHP等语言，总计包含731个文件，其中JavaScript文件214个，HTML文件178个，Java文件121个，CSS文件69个，辅以PNG图片、SCSS、XML、YML、Gitignore等多种文件格式，...
基于PHP、HTML、CSS、JavaScript等多语言混合的演艺人员与剧组沟通平台设计源码
09-26
该项目是一款基于PHP、HTML、CSS和JavaScript等多语言混合的演艺人员与剧组沟通平台设计源码，总计包含448个文件，涵盖322个PHP文件、29个HTML文件、6个CSS文件、6个JavaScript文件及其他各类文件。该平台名为“活宝...
基于PHP、JavaScript、HTML、CSS的MIDI电钢琴实时瀑布流线条显示设计源码
09-29
该项目是一款基于PHP、JavaScript、HTML、CSS构建的MIDI电钢琴实时瀑布流线条显示系统源码，包含35个文件，其中PHP文件10个，用于后端数据处理；同时提供HTML和CSS文件各2个，JavaScript文件2个，以及相关配置和管理...
html css php 个人网站源代码
03-31
通过CSS，你可以定义字体、颜色、间距、布局以及响应式设计，使网站在不同设备上都能良好显示。在个人网站中，CSS能帮助你实现美观的相册展示，个性化简历的设计，以及舒适的阅读体验。源代码中可能包含了多个CSS...
html css javascript php 个人网站源代码
05-20
通过CSS，开发者可以实现响应式设计，确保网站在不同设备上都能良好显示。 【JavaScript】：JavaScript是一种客户端脚本语言，用于增加网页的交互性。在个人网站中，JavaScript可能被用于处理用户输入、动画效果、...
php中css添加文字,CSS Text(文本)
weixin_39628070的博客
03-28 224
CSS Text文本格式text formattingThis text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, a...
php 加载css,php中css不加载怎么解决？
weixin_35075740的博客
03-10 268
php中css不加载怎么解决？解决方法：1、首先打开HTML文档；2、然后在head标签中找到引入css文件的link标签；3、最后在link标签的href属性的值前面，加上__STATIC__即可。content="width=device-width, user-scalable=no, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1....
浅谈HTML\CSS\PHP（速成web制作+适合初学者）
G果的博客
03-20 2274
HTML 全称：HyperText Markup Language（超文本标记语言） 介绍： 1.它不是一种编程语言，是一种标记语言 2.HTML 运行在浏览器上，由浏览器来解析 3.标记语言是一套标记标签（tag），HTML 使用tag来描述网页，比如<html><head><body><b> 4.tag一般成对出现，比如<html>&...
html与css与php的关系,HTML、PHP、CSS、JS之间的关系
weixin_31925495的博客
08-04 1763
23:02:062019-08-05自己要搭建网站 虽然可以下载大佬的界面 但至少要懂一点web开发的知识 我现在感觉像个憨憨 啥都不明白HTML负责放你需要显示的内容，而PHP可以输出可变化的HTML。CSS可以让你的HTML更加的漂亮，比如加字体颜色加边框。JS可以让你HTML+CSS组成的页面更加“生动”,粗浅的来说就是JS让页面会动。HTML展示内容PHP动态修改输出HTML展示内容CS...
php里混合写css和html
hexiaoniao的博客
07-04 5179
$result[$i]['del'] = '&lt;input class="checkbox1" type="checkbox" value="'.$result[$i]['class_id'].'" name="check"&gt;';
css和php区别,html和css有什么区别
weixin_29871753的博客
03-10 448
相信很多人在学习前端的时候，都会有html和css有什么区别这样的疑问，很多学生刚刚入门html，可能对html和css并不是很清楚，下面我们就来讲解一下html和css有什么区别？在了解html和css有什么区别之前，我们要先了解一下html和css之间的关系，只有弄清楚两者之间的关系，才能明白两者的区别，在html中，css是可以控制html的，并且可以布局很多样式，css也可以控制html的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值