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

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

发布于：2013-11-05  |   作者：广州网站建设  |   已聚集：人围观
六、使用简记属性

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

低效率的

CSS代码 



    
	
  1. 
		body { font-size: 85%; font-family: arial, helvetica, sans-serif;   
    2. 
	
  2. 
		background-image: url(image.gif); background-repeat: no-repeat;   
    3. 
	
  3. 
		background-position: 0 100%; margin-top: 1em; margin-right: 1em;   
    4. 
	
  4. 
		margin-bottom: 0; margin-left: 1em; padding-top: 10px;   
    5. 
	
  5. 
		padding-right: 10px; padding-bottom: 10px; padding-left: 10px;  
    6. 
	
  6. 
		 border-style: solid; border-width: 1px;   
    7. 
	
  7. 
		border-color: red; color: #222222;     
    8. 
	
  8. 
		 
    9. 




	高效的



	CSS代码 




    
	
  1. 
		body { font: 85% arial, helvetica, sans-serif;   
    2. 
	
  2. 
		background: url(image.gif) no-repeat 0 100%;   
    3. 
	
  3. 
		margin: 1em 1em 0; padding: 10px;   
    4. 
	
  4. 
		border: 1px solid red; color: #222; }    
    5. 
	
  5. 
		 
    6. 




	七、避免使用 !important



	慎用写法



	CSS代码 




    
	
  1. 
		#news { background: #ddd !important; }     
    2. 
	
  2. 
		 
    3. 




	特定情况下可以使用以下方式提高权重级别



	CSS代码 




    
	
  1. 
		#container #news { background: #ddd; }      
    2. 
	
  2. 
		body #container #news { background: #ddd; }    
    3. 
	
  3. 
		 
    4. 



			

			

					 标签：
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机