日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
三種方案避免CSS語(yǔ)法與Smarty沖突

本文向大家描述一下避免Smarty與CSS語(yǔ)法沖突的三種方法，Smarty和CSS的語(yǔ)法存在沖突，因?yàn)槎叨夹枰褂么罄ㄌ?hào){}。如果簡(jiǎn)單地將CSS標(biāo)記嵌入到HTML文檔首部，將導(dǎo)致"不可識(shí)別標(biāo)記"錯(cuò)誤。

避免Smarty與CSS語(yǔ)法沖突

熟悉CSS的人很快就會(huì)發(fā)現(xiàn)Smarty和CSS的語(yǔ)法存在沖突，因?yàn)槎叨夹枰褂么罄ㄌ?hào){}。如果簡(jiǎn)單地將CSS標(biāo)記嵌入到HTML文檔首部，將導(dǎo)致"不可識(shí)別標(biāo)記"錯(cuò)誤：

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3. {$title} 
    4.   
  
  
  4.  
    5.   
  
  
  5. p{  
    6.   
  
  
  6. margin::2px  
    7.   
  
  
  7. }  
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.   
  
  
  10. ...  
    11.

不要擔(dān)心，因?yàn)槲覀冇?種解決方案。

一、使用link標(biāo)記從另一個(gè)文件中提取樣式信息：

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3. {$title} 
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6. ...  
    7.   
  
  
  7.  
    8.

二、使用Smarty的literal標(biāo)記將樣式表信息包圍起來(lái)

這些標(biāo)記告訴Smarty不要解析該標(biāo)記內(nèi)的任何內(nèi)容：
 

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3. {$title} 
    4.   
  
  
  4. {literal}  
    5.   
  
  
  5.  
    6.   
  
  
  6. p{  
    7.   
  
  
  7. margin::2px  
    8.   
  
  
  8. }  
    9.   
  
  
  9.  
    10.   
  
  
  10. {/literal}  
    11.   
  
  
  11.  
    12.   
  
  
  12. ...  
    13.

 三、修改Smarty的默認(rèn)定界符

可以通過(guò)設(shè)置center_delimiter和center_delimiter屬性來(lái)做到這一點(diǎn)：
 

 
 
 
    
  
  
  
  1.   
  
  
  2. require("Smarty.class.php");  
    3.   
  
  
  3. $smarty=newSmarty;  
    4.   
  
  
  4. $smarty->left_delimiter='';  
    5.   
  
  
  5. $smarty->right_delimiter='';  
    6.   
  
  
  6. ...  
    7.   
  
  
  7. ?> 
    8.   
  
  
  8.  
    9.

　　雖然3種解決方案都能解決問(wèn)題，但其中第一種可能是最方便的，因?yàn)閷SS放在單獨(dú)的文件中是一種常見(jiàn)的實(shí)踐做法。此外，這種解決方案不需要修改Smarty的重要默認(rèn)配置（定界符）。
 

【編輯推薦】

  1. CSS中margin屬性及其使用探究
  2. CSS樣式實(shí)現(xiàn)快速定位bug的六大技巧
  3. CSS中l(wèi)ink和@import的區(qū)別
  4. CSS2.0中page-break-after屬性用法
  5. 技術(shù)分享 使用不同CSS樣式兼容多種瀏覽器

 

 


新聞標(biāo)題：三種方案避免CSS語(yǔ)法與Smarty沖突
轉(zhuǎn)載注明：http://www.5511xx.com/article/ccdeghc.html