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

书写高效CSS注意的七个方面(1)

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

你对如何书写高效CSS是否熟悉，这里和大家分享一下书写高效CSS注意的七个方面，主要包括使用外联样式替代行间样式或者内嵌样式，建议使用link引入外部样式表等内容，相信本文介绍一定会让你有所收获。
广州网站建设,网站建设,广州网页设计,广州网站设计

CSS经验分享：书写高效CSS注意的七个方面

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

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

不推荐使用行间样式

ExampleSourceCode



    
	
  1. 
		 
    2. 
	
  2. 
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    3. 
	
  3. 
		<htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml"> 
    4. 
	
  4. 
		<head> 
    5. 
	
  5. 
		<metahttp-equivmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 
    6. 
	
  6. 
		<title>Pagetitle-52css.comtitle> 
    7. 
	
  7. 
		head> 
    8. 
	
  8. 
		<body> 
    9. 
	
  9. 
		<pstylepstyle="color:red">...p> 
    10. 
	
  10. 
		body> 
    11. 
	
  11. 
		html> 
    12. 
	
  12. 
		 
    13. 




	不推荐使用内嵌样式



	ExampleSourceCode




    
	
  1. 
		 
    2. 
	
  2. 
		"http://www.w3.org/TR/html4/strict.dtd"><htmllanghtmllang="en"> 
    3. 
	
  3. 
		<head> 
    4. 
	
  4. 
		<metahttp-equivmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 
    5. 
	
  5. 
		<title>Pagetitle-52css.comtitle> 
    6. 
	
  6. 
		<styletypestyletype="text/css"media="screen"> 
    7. 
	
  7. 
		p{color:red;}  
    8. 
	
  8. 
		style> 
    9. 
	
  9. 
		head> 
    10. 
	
  10. 
		<body>...body> 
    11. 
	
  11. 
		html> 
    12. 
	
  12. 
		 
    13. 




	推荐使用外联样式

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



	ExampleSourceCode




    
	
  1. 
		 
    2. 
	
  2. 
		"http://www.w3.org/TR/html4/strict.dtd"> 
    3. 
	
  3. 
		<htmllanghtmllang="en"> 
    4. 
	
  4. 
		<head> 
    5. 
	
  5. 
		<metahttp-equivmetahttp-equiv="content-type"content="text  
    6. 
	
  6. 
		<title>Pagetitle-52css.comtitle> 
    7. 
	
  7. 
		<linkrellinkrel="stylesheet"href="name.css"type="text/css"media="screen"/> 
    8. 
	
  8. 
		head> 
    9. 
	
  9. 
		<body>...body> 
    10. 
	
  10. 
		html> 
    11. 
	
  11. 
		 
    12. 



			

			

					 标签：网站建设(5654)广州网站设计(5620)广州网站建设(4075)广州网页设计(1868)
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机