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

专家提醒 编写CSS时注意的七个方面(2)

发布于：2013-11-05  |   作者：广州网站建设  |   已聚集：人围观
二、建议使用 link 引入外部样式表

 

为了兼容老版本的浏览器，建议使用 link 引入外部样式表的方来代替 @import导入样式的方式.

译者注： @import是CSS2.1提出的所以老的浏览器不支持。

@import和link在使用上会有一些区别， 利用二者之间的差异，可以在实际运用中进行权衡。

关于@import和link方式的比较在52CSS.com上有几篇文章可以拓展阅读。

◆不推荐@import导入方式
广州网站建设,网站建设,广州网页设计,广州网站设计

XML/HTML代码 



    
	
  1. 
		<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
    2. 
	
  2. 
		 
    3. 
	
  3. 
		 "http://www.w3.org/TR/html4/strict.dtd">       
    4. 
	
  4. 
		<html lang="en">     
    5. 
	
  5. 
		<head>       
    6. 
	
  6. 
		<meta http-equiv="content-type" content="text       
    7. 
	
  7. 
		<title>Page title - 52css.com</title>       
    8. 
	
  8. 
		<style type="text/css" media="screen">       
    9. 
	
  9. 
		@import url("styles.css");      
    10. 
	
  10. 
		</style>     
    11. 
	
  11. 
		</head>     
    12. 
	
  12. 
		<body> ... </body>     
    13. 
	
  13. 
		</html>     
    14. 
	
  14. 
		 
    15. 




	◆推荐引入外部样式表方式



	XML/HTML代码 




    
	
  1. 
		<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"   
    2. 
	
  2. 
		"http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> 
    3. 
	
  3. 
		<head>     
    4. 
	
  4. 
		<meta http-equiv="content-type" content="text       
    5. 
	
  5. 
		<title>Page title - blog.huangchao.org</title>     
    6. 
	
  6. 
		<link rel="stylesheet" href="name.css" type="text/css" 
    7. 
	
  7. 
		media="screen" />     
    8. 
	
  8. 
		</head>       
    9. 
	
  9. 
		<body> ... </body>       
    10. 
	
  10. 
		</html>     
    11. 
	
  11. 
		 
    12. 




	三、使用继承



	低效率的



	CSS代码 




    
	
  1. 
		p{ font-family: arial, helvetica, sans-serif; }      
    2. 
	
  2. 
		#container { font-family: arial, helvetica, sans-serif; }      
    3. 
	
  3. 
		#navigation { font-family: arial, helvetica, sans-serif; }      
    4. 
	
  4. 
		#content { font-family: arial, helvetica, sans-serif; }      
    5. 
	
  5. 
		#sidebar { font-family: arial, helvetica, sans-serif; }      
    6. 
	
  6. 
		h1 { font-family: georgia, times, serif; }      
    7. 
	
  7. 
		 
    8. 




	高效的



	CSS代码 

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




    
	
  1. 
		body { font-family: arial, helvetica, sans-serif; }       
    2. 
	
  2. 
		body { font-family: arial, helvetica, sans-serif; }      
    3. 
	
  3. 
		h1 { font-family: georgia, times, serif; }   
    4. 
	
  4. 
		 
    5. 



			

			

					 标签：
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机