這篇文章主要介紹了避免Smarty與CSS語法沖突的方法,實(shí)例分析了Smarty與CSS中大括號(hào){}沖突的處理技巧,需要的朋友可以參考下
本文實(shí)例講述了避免Smarty與CSS語法沖突的方法。分享給大家供大家參考。具體分析如下：
熟悉CSS的人很快就會(huì)發(fā)現(xiàn)Smarty和CSS的語法存在沖突，因?yàn)槎叨夹枰褂么罄ㄌ?hào){}。如果簡單地將CSS標(biāo)記嵌入到HTML文檔首部，將導(dǎo)致"不可識(shí)別標(biāo)記"錯(cuò)誤：
<html>
<head>
<title>{$title}</title>
<style type="text/css">
p{
margin::2px
}
</style>
</head>
...
不要擔(dān)心，因?yàn)槲覀冇?種解決方案。
一、使用link標(biāo)記從另一個(gè)文件中提取樣式信息：
<html>
<head>
<title>{$title}</title>
<link rel="stylesheet" type="text/css" href="css/default.css"/>
</head>
...
二、使用Smarty的literal標(biāo)記將樣式表信息包圍起來
這些標(biāo)記告訴Smarty不要解析該標(biāo)記內(nèi)的任何內(nèi)容：
<html>
<head>
<title>{$title}</title>
{literal}
<style type="text/css">
p{
margin::2px
}
</style>
{/literal}
</head>
...
三、修改Smarty的默認(rèn)定界符
可以通過設(shè)置center_delimiter和center_delimiter屬性來做到這一點(diǎn)：
<?php
require("Smarty.class.php");
$smarty=newSmarty;
$smarty->left_delimiter='';
$smarty->right_delimiter='';
...
?>
雖然3種解決方案都能解決問題，但其中第一種可能是最方便的，因?yàn)閷SS放在單獨(dú)的文件中是一種常見的實(shí)踐做法。此外，這種解決方案不需要修改Smarty的重要默認(rèn)配置（定界符）。
希望本文所述對(duì)大家的php程序設(shè)計(jì)有所幫助。
更多信息請(qǐng)查看IT技術(shù)專欄
版權(quán)所有:易賢網(wǎng)
公眾號(hào)
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試