Home思洋影视事业部网站建设知识库
0 Comments

三种方案避免CSS语法与Smarty冲突

发布于：2014-03-07  |   作者：广州网站建设  |   已聚集：人围观

本文向大家描述一下避免Smarty与CSS语法冲突的三种方法，Smarty和CSS的语法存在冲突，因为二者都需要使用大括号{}。如果简单地将CSS标记嵌入到HTML文档首部，将导致"不可识别标记"错误。

避免Smarty与CSS语法冲突

熟悉CSS的人很快就会发现Smarty和CSS的语法存在冲突，因为二者都需要使用大括号{}。如果简单地将CSS标记嵌入到HTML文档首部，将导致"不可识别标记"错误：
广州网站建设,网站建设,广州网页设计,广州网站设计



    
	
  1. 
		<html> 
    2. 
	
  2. 
		<head> 
    3. 
	
  3. 
		<title>{$title}</title> 
    4. 
	
  4. 
		<styletypestyletype="text/css"> 
    5. 
	
  5. 
		p{  
    6. 
	
  6. 
		margin::2px  
    7. 
	
  7. 
		}  
    8. 
	
  8. 
		</style> 
    9. 
	
  9. 
		</head> 
    10. 
	
  10. 
		...  
    11. 




	不要担心，因为我们有3种解决方案。



	一、使用link标记从另一个文件中提取样式信息：




    
	
  1. 
		<html> 
    2. 
	
  2. 
		<head> 
    3. 
	
  3. 
		<title>{$title}</title> 
    4. 
	
  4. 
		<linkrellinkrel="stylesheet"type="text/css"href="default.css"/> 
    5. 
	
  5. 
		</head> 
    6. 
	
  6. 
		...  
    7. 
	
  7. 
		 
    8. 




	二、使用Smarty的literal标记将样式表信息包围起来



	这些标记告诉Smarty不要解析该标记内的任何内容：




    
	
  1. 
		<html> 
    2. 
	
  2. 
		<head> 
    3. 
	
  3. 
		<title>{$title}</title> 
    4. 
	
  4. 
		{literal}  
    5. 
	
  5. 
		<styletypestyletype="text/css"> 
    6. 
	
  6. 
		p{  
    7. 
	
  7. 
		margin::2px  
    8. 
	
  8. 
		}  
    9. 
	
  9. 
		</style> 
    10. 
	
  10. 
		{/literal}  
    11. 
	
  11. 
		</head> 
    12. 
	
  12. 
		...  
    13. 




	三、修改Smarty的默认定界符



	可以通过设置center_delimiter和center_delimiter属性来做到这一点：

	广州网站建设,网站建设,广州网页设计,广州网站设计




    
	
  1. 
		<?php 
    2. 
	
  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的重要默认配置（定界符）。


			

			

					 标签：
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机