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

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

新聞中心

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

本文向大家描述一下避免Smarty與CSS語法沖突的三種方法，Smarty和CSS的語法存在沖突，因為二者都需要使用大括號{}。如果簡單地將CSS標記嵌入到HTML文檔首部，將導(dǎo)致"不可識別標記"錯誤。

避免Smarty與CSS語法沖突

熟悉CSS的人很快就會發(fā)現(xiàn)Smarty和CSS的語法存在沖突，因為二者都需要使用大括號{}。如果簡單地將CSS標記嵌入到HTML文檔首部，將導(dǎo)致"不可識別標記"錯誤：

 
 
 
    
  
  
  
  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)心，因為我們有3種解決方案。

一、使用link標記從另一個文件中提取樣式信息：

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

二、使用Smarty的literal標記將樣式表信息包圍起來

這些標記告訴Smarty不要解析該標記內(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的默認定界符

可以通過設(shè)置center_delimiter和center_delimiter屬性來做到這一點：
 

 
 
 
    
  
  
  
  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種解決方案都能解決問題，但其中第一種可能是最方便的，因為將CSS放在單獨的文件中是一種常見的實踐做法。此外，這種解決方案不需要修改Smarty的重要默認配置（定界符）。
 

【編輯推薦】

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

 

 


當(dāng)前文章：三種方案避免CSS語法與Smarty沖突
當(dāng)前路徑：http://m.5511xx.com/article/ccdeghc.html