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

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

发布于：2013-11-05  |   作者：广州网站建设  |   已聚集：人围观

随着CSS网页布局的应用越来越广泛，但是如何才能写出高效规范的CSS代码呢，这里向大家描述一下编写CSS时注意的七个方面，主要包括使用外联样式替代行间样式或者内嵌样式，建议使用 link 引入外部样式表等内容。

编写CSS时注意的七个方面

随着CSS网页布局的应用越来越广泛，更多的CSSer开始书写CSS，如何才能写出高效规范的CSS代码呢，今天向大家介绍，必须要注意的七个方面：

一、使用外联样式替代行间样式或者内嵌样式

◆不推荐使用行间样式

XML/HTML代码 



    
	
  1. 
		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   
    2. 
	
  2. 
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">     
    3. 
	
  3. 
		<html xmlns="http://www.w3.org/1999/xhtml">     
    4. 
	
  4. 
		<head>     
    5. 
	
  5. 
		<meta http-equiv="Content-Type" content="text/html;
    6. 
	
  6. 
		 charset=utf-8" />     
    7. 
	
  7. 
		<title>Page title - book.chinaz.com</title>     
    8. 
	
  8. 
		</head>       
    9. 
	
  9. 
		<body>     
    10. 
	
  10. 
		<p style="color: red"> ... </p>       
    11. 
	
  11. 
		</body>       
    12. 
	
  12. 
		</html>   
    13. 
	
  13. 
		 
    14. 




	◆不推荐使用内嵌样式

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



	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/html; 
    5. 
	
  5. 
		charset=utf-8" />     
    6. 
	
  6. 
		<title>Page title - book.chinaz.com</title>       
    7. 
	
  7. 
		<style type="text/css" media="screen">     
    8. 
	
  8. 
		p { color: red; }       
    9. 
	
  9. 
		</style>       
    10. 
	
  10. 
		</head>       
    11. 
	
  11. 
		<body>... </body>       
    12. 
	
  12. 
		</html>     
    13. 
	
  13. 
		 
    14. 




	◆推荐使用外联样式



	XML/HTML代码 




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




	 


			

			

					 标签：
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机