【php與html與css】在html能顯示css的內容，在php不行

阿新 • • 發佈：2019-01-22

<!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>

然後就好了...........

【php與html與css】在html能顯示css的內容，在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/

【css】HTML標簽主要類型：塊狀元素(block)、行間元素(inline)

css問題背景當某些HTML標簽使用盒模型屬性時，部分屬性失效？塊狀元素獨占一行(是否添加width),該元素前後其他內容都要換行直接適用盒模型的所有css屬性行間元素不獨占一行,多個行間元素可以在一行中呈現部分適用css盒模型屬性： ·寬度、高

【CSS】HTML中如何清理浮動

首先我們看下沒有浮動的樣式： html程式碼： <div id="div1"> <div id="blue"></div> <div id="pink"></div> </div> css程式碼：

【html+css】ul中li水平居中，可以根據media查詢，不同個數的li水平居中

通過給ul設定寬度width，來控制頁面顯示幾個li，你是水平居中顯示的，具體的間距通過li的margin來設定： <div class="navContent" id="newGoods"> <ul> <li>

【HTML&CSS】HTML表單：實現互動

瀏覽器通過HTML表單和伺服器實現互動，表單是一個可供使用者輸入資訊的頁面，使用者提交表單後，表單包含的資訊會發送到一個Web伺服器，由伺服器指令碼負責處理並響應，返回一個HTML頁面，最後瀏覽器顯示這個頁面。表單元素 <form> 所有表單

【輕松前端之旅】HTML的塊元素、行內元素和空元素

mod charts 內聯元素學習編程 https -s 網址 tip htm 塊(block)元素顯示成一塊，前後有換行。塊元素常用於web頁面的主要構造模塊。例如:<div>，<p>，<h1>~<h6>,<bl

【騰訊bugly乾貨分享】HTML 5 視訊直播一站式掃盲

作者：呂鳴視訊直播這麼火，再不學就 out 了。為了緊跟潮流，本文將向大家介紹一下視訊直播中的基本流程和主要的技術點，包括但不限於前端技術。 1. H5 到底能不能做視訊直播？當然可以， H5 火了這麼久，涵蓋了各個方面的技術。對於視訊錄製

【CSS】非常簡單的css實現div懸浮頁面底部

簡單的 fixed style 簡單底部 demo 實現 clas post <div id="demo_div"></div> <style> #demo_div{ 　　　left: 0; positi

PHP中if(isset($_POST['Submit']))是什麼意思，php提交表單時判斷 if($_POST[submit])與 if(isset($_POST[submit])) 的區別

isset -- 檢測變數是否設定判斷post過來的資料是否被提交過來，if(isset($_POST["submit"]){ echo "提交過來了"; }else { echo "submit is no come~"; } if(isset($_

【高併發簡單解決方案】redis快取佇列+mysql 批量入庫+php離線整合

需求背景：有個呼叫統計日誌儲存和統計需求，要求儲存到mysql中；儲存資料高峰能達到日均千萬，瓶頸在於直接入庫併發太高，可能會把mysql幹垮。問題分析思考：應用網站架構的衍化過程中，應用最新的框架和工具技術固然是最優選擇；但是，如果能在現有的框架的基礎上提

php讀取富文字編輯器編輯後的文章內容，並去除所有html標籤、空格以及空白，擷取字串（包括中文）

/** * 去除Html所有標籤、空格以及空白，並擷取字串（包括中文） * @param string $string 字串 * @param number $sublength 字串長度 * @param string $encoding 編碼方式 * @

【高併發簡單解決方案】redis佇列快取 + mysql 批量入庫 + php離線整合--轉載

轉載自：：轉載需求背景：有個呼叫統計日誌儲存和統計需求，要求儲存到mysql中；儲存資料高峰能達到日均千萬，瓶頸在於直接入庫併發太高，可能會把mysql幹垮。問題分析思考：應用網站架構的衍化過程中，應用最新的框架和工具技術固然是最優選擇；但是，如果能在現有的框架的基礎上提出簡

【微信公眾平臺開發】利用百度接口，制作一鍵導航功能

顯示 12px font -c cati blog ltr vertica 拾取微信開發中，非常多商家用戶都要求點詳細地址。能在百度或者soso地圖上面顯示自己的地址。而這種功能。利用百度api接口地圖標點功能就能夠非常easy實現。 1.功能說明例如以下：

【微服務幹貨系列】使用微服務架構之前，你必須知道的

ces pop 負載 average led dsm 部署通用 works 正如敏捷之父MartinFowler所說的那樣，單體架構和微服務並非簡單的二選一，兩者都是模糊的定義。這就意味著大多數系統都將在一個模糊的邊界區域。非常多開發團隊已經認識到微服務架構比

【十年磨一劍】我們能從阿里架構師的身上學到什麼？

前言做技術的，一定不能放棄技術。在精進技術的同時完善其他方面的能力，十年如一日。不忘初心，方得始終。正文本文是看到阿里巴巴系統架構師黃勇的採訪記錄有感而發，如有侵權，請聯絡我。下面就一起來看看阿里架構師的十年架構路。和大家介紹下我目前所從事的工

jzoj5954 【NOIP2018模擬11.5A組】走向巔峰（直徑性質，期望）

Description 眾所周知，DH是一位人生贏家，他不僅能虐暴全場，而且還正在走向人生巔峰；在巔峰之路上，他碰到了這一題：給出一棵n個節點的樹，我們每次隨機染黑一個葉子節點（可以重複染黑），操作無限次後，這棵樹的所有葉子節點必然全部會被染成黑色。定義R為這棵樹不經過黑點的直

【本人禿頂程式設計師】只會增刪改查，當你有一定的開發經驗時，應該如何提升自己？

←←←←←←←←←←←← 我都禿頂了，還不點關注！工作1-5年開發經驗，當你們提出漲工資的時候，或者要offer的時候底氣怎麼樣，是不是底氣十足，不給漲工資就辭職，是不是有自信提出來主管、或者是專案經理都能同意，他們相當設法把你留住。如果這樣你才是成功。什麼技術都沒有何談工資！給你分

【本人禿頂程式設計師】java面試遇到的坑，你都遇見過嗎？

←←←←←←←←←←←← 我都禿頂了，還不點關注！親愛的同學們，本人因為連續幾周遭遇一定的工作壓力幾乎被壓榨的只剩一個空殼，還好經常鍛鍊有一副好身體（皮囊），算是挺過來了。為了大家年前能早早入坑馬不停蹄回到陣地給大家帶來第二期的面試坑題，有些題是大家經常被問到的，有些可能還未接觸到先可

【鏈塊觀點03期】賦能商品溯源！區塊鏈技術的天命所在？

原文連結：【鏈塊觀點】賦能商品溯源！區塊鏈技術的天命所在？ 01 金融行業，一直被公認是區塊鏈技術最先落地的領域。實際上，不僅是金融，商品溯源或許成為近年來就可以快速落地的應用場景。溯源行業的歷史最早可追溯到1997年。當時歐洲大面積爆發瘋牛病，眾多

【NOIP2013模擬11.6A組】靈能矩陣(pylon)

時間有保證，空間也不大（第一頁第一個）好了，說回正題一看樣例，感覺好像就是個裸的dfs，但在打程式碼的時候發現有毒。。。比如說一個非葉子節點i，如果它要散逸能量的話一定要散逸son[i]的倍數，那樣的話：這個資料： 10 0 0 0 3 3 3 2 2 2 2 1 2 1 3 2

【php與html與css】在html能顯示css的內容，在php不行

相關推薦