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

来源：互联网发布：linux 关闭swap 编辑：程序博客网时间：2024/05/16 19:05

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

环境：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>

一样能用.........

所以说我最讨厌编网页了.......

0 0