一、盒子大小

這裡主要用於兩個屬性：margin和padding，我們以margin為例，padding與之相同。盒子有上下左右四個方向，每個方向都有個外邊距：

你可以簡寫成：

  

   

    

     

      
       1
      
     

      
       
        margin
        :
        1px 
        2px
 
 
        3px 
        4px
        ;
       
      
    
   
  
語法 margin:top right bottom left;

  

   

    

     

      
       1
      
      
       2
      
      
       3
      
      
       4
      
      
       5
      
      
       6
      
      
       7
      
      
       8
      
     

      
       
        //四個方向的邊距相同，等同於
 

        margin
        :
        1px 
        1px 
        1px 
        1px
        ;
       
       
        margin
        :
        1px
        ;
       
       
        //上下邊距都為
        1px
        ，左右邊距均為
        2px
        ，等同於
        margin
        :
        1px 
        2px 
        1px 
        2px
        ;
       
       
        margin
        :
        1px 
        2px
        ;
       
       
        //右邊距和左邊距相同，等同於
        margin
        :
        1px 
        2px 
        3px 
        2px
        ;
       
       
        margin
        :
        1px 
        2px 
        3px
        ;
       
       
        //注意，這裡雖然上下邊距都為
        1px
        
            
  
           

              
              
            
            
相關推薦
			   
            
            
            
 

    

    
    
10個CSS簡寫/優化技巧
     
  
 
  一、盒子大小 
  這裡主要用於兩個屬性：margin和padding，我們以margin為例，padding與之相同。盒子有上下左右四個方向，每個方向都有個外邊距： 
  
   
    
     
     
       1
      
     
       2
      
   

  
 

    

    
    
10個CSS+HOVER 的創意按鈕
     
 div   實用   oci   分離   漸變   一個   簡單   radi   ebe   CSS hover 樣式很簡單，但是想創造出有意思、實用、有創意性的特效是很考驗設計師的創意能力，所以設計達人每隔一段時間都會分享一些與鼠標點擊、懸停的相關特效，以便大家獲得更好的創造靈感。
今天我們整理了1 

  
 

    

    
    
【Photoshop教程】你必須掌握的10個PS技術表現技巧
     
  
  
  
 作者：Architecture Inspirations 整理：活力網Caigle 
 點選本行文字觀看視訊  
 【教程重點】 Photoshop是建築視覺化中不可缺少的工具，視訊將為你演示10個核心技術要點。 要點一：圖層蒙版的應用； 要點二：如何正確合成草地； 要點三：如何新增人物陰影 

  
 

    

    
    
10個密信(MeSince)使用技巧，玩轉郵件加密！
     
  
 
 密信(MeSince)加密郵件客戶端不僅提供郵件收發及加解密等郵件核心功能，同時在多個方面提供創新功能、提升使用者體驗。以下10個密信(MeSince)使用技巧，帶您玩轉郵件加密！ 
   
 
  下載安裝 
 
 密信(MeSince)加密郵件客戶端，支援iOS、安卓、Windows版 

  
 

    

    
    
10個實用的Django技巧和建議
     
  
 
  如果在Django專案中能夠靈活使用某些方法和技巧的話，它將大大加快軟體開發的速度同時避免很多頭疼的事。作者在下面列舉了幾點，這些方法由淺入深，可以幫助任何級別的程式設計師更加熟練的使用Django。 
  
  本人對於Python學習建立了一個小小的學習圈子，為各位提供了一個平臺，大家一起來討 

  
 

    

    
    
10個除錯Java的技巧
     
 除錯不僅可以查詢到應用程式缺陷所在，還可以解決缺陷。對於Java程式設計師來說，他們不僅要學會如何在Eclipse裡面開發像樣的程式，更需要學會如何除錯程式。本文介紹了Java程式設計師必知的10個除錯技巧，保證讓你受益匪淺！



在開始之前，推薦大家去看看Eclipse shortcuts這篇文章 

  
 

    

    
    
10 個鮮為人知的 Unity 技巧
     
 
                

1. ALT + 滑鼠左鍵點選 Hierarchy 物件可以展開和收起物件的所有子物件




2.
 在當前編輯器視窗中摁下 SHIFT + 空格鍵 可以最大化/最小化當前視窗


3.
 編輯器中大部分數值型別的輸入框都可以輸入數值運算，拾色器內的輸入框也不例外


 

  
 

    

    
    
適合Web開發人員的10個CSS程式碼生成器
     
 
                
轉載自：微信公眾號 qianduan1024 前端開發的同名文章
原文：http://www.hongkiat.com/blog/css-code-generator-web-apps/


摘要：Web開發人員們總是在尋找可以幫助他們節省時間的捷徑。許多優秀的開發人員工具 

  
 

    

    
    
12 個 CSS 高級技巧匯總
     
 現在   溢出   sca   remove   鏈接   box   fir   有理   行為   

使用 :not() 在菜單上應用/取消應用邊框
給body添加行高
所有一切都垂直居中
逗號分隔的列表
使用負的 nth-child 選擇項目
對圖標使用SVG
優化顯示文本
對純CS 

  
 

    

    
    
discuz優化10個小技巧
     
 　　Discuz論壇是國內使用最多的論壇系統，現在最新版為X 3.4，X3.4 從 2018 年 1 月 1 日起只在官方 Git 釋出，地址：https://gitee.com/ComsenzDiscuz/DiscuzX，說明已經開源了。discuz有那麼多的粉絲，跟它完善的功能有很大關係，開箱即用，很多優 

  
 

    

    
    
10個讓你受益匪淺的css使用技巧
     
 1. Safari 3D變換會忽略z-index的層級
在Safari瀏覽器下(此Safari瀏覽器包括iOS的Safari，iPhone上的微信瀏覽器，以及Mac OS X系統的Safari瀏覽器)，當我們使用3D transform變換的時候，如果祖先元素沒有overflow:hidden/scroll/ 

  
 

    

    
    
作為運營新人，取標題的這10個小技巧你需要掌握
     
 運營當我們一看到“ 標題黨 ” 這三個字，不用多說，心裏絕對都是壞的印象。一篇 shit 一樣的文章，靠一個好的標題，是可以獲得不錯的點擊量，但 內容運營 的最終目的是為了數據好看嗎？起一個好的標題確實是一個文章能否獲得關註和點擊率的關鍵，但如何在不成為“ 標題黨 ” 的前提下取 好標題呢？近日fansir  

  
 

    

    
    
分針網——每日分享：10個程序員常用的代碼簡寫技術
     
 代碼簡寫
	加入職業技能圈 q群：272292492


	更多文章：www.f-z.cn


	


	
		
			今天小編我給大家整理了一份10個程序員常用的代碼簡寫技術，看懂一種是入門，全懂就是大神，你能知道幾個呢？
		
	
	
		
			

		
	
	 

  
 

    

    
    
web前端必學8個網頁優化技巧
     
 
	  


	       現在，有越來越多所謂的“教程”來幫助我們提高網站的易用性。web前端培訓教程頻道收集了8個在Web開發中容易出錯和被忽略的小問題，並且提供了參考的解決方案，以便於幫助Web開發者更好的完善網站。


	       通過避免下面這些小錯誤，可以使得我們的網站變得更為 

  
 

    

    
    
css 簡寫技巧
     
 bsp   round   url   eight   wid   sid   cap   pos   inside   一些css  簡寫技巧
1.font 的簡寫  font 有可選選項和必選選項 如 font-style ， font -weight , font-variant ，可寫可不寫， 但如果 

  
 

    

    
    
10個提升MySQL百家樂性能baijiale的小技巧
     
 結果集   系統管理員   重要   文件的   郵件   為什麽   一秒   閾值   off   從工作量分析到索引的三條規則，這些專家見解肯定會讓您的MySQL服務器尖叫。
在所有的關系數據庫中，MySQL已經被證明了完全是一頭野獸，只要通知停止運行就絕對不會讓你多等一秒鐘，使你的應用置於困境之中，你 

  
 

    

    
    
小白必看 學習PHP的6個步驟10個技巧
     
 php   教程   在這個終身學習的時代，資訊泛濫的時代，我們需要的能力並不是去背誦相應的知識點，而是掌握學習方式。學習PHP也是如此，有時候技巧和步驟比埋頭苦幹要有效得多。下面小編就和大家分享一下學習PHP的6個步驟（僅僅是簡單概括）和10個技巧。 1、首先需要熟悉HTML/CSS/JS等網頁基本元素，完 

  
 

    

    
    
CSS優化+技巧
     
 stand   div   運動   不換行   硬件   字體   中文   強制   web   1、-webkit-font-smoothing 字體鋸齒


div {
    -webkit-font-smoothing: antialiased; 
}

View Code
2、css實現不換行、 

  
 

    

    
    
響應式設計的5個css實用技巧
     
 mda   ota   .html   tk1   tmx   htm   cool   http   lec   mongodb30%E6%AD%A3%E5%BC%8F%E7%89%88%E5%8F%91%E5%B8%83
http://www.zcool.com.cn/collection/ZMTY4O 

  
 

    

    
    
Unity 3D 實用的10個小技巧
     
 知新樹 寧金峰Unity引擎，上手簡單易懂，但是很少有人對Unity編輯器的功能做一個全面細致的了解，一些非常實用的小功能在日常使用中很難被發現，但它們對工作效率的提升是有不小的幫助的。1）鎖定Inspector – 在inspector面板上方有一個小“鎖”圖標，點擊鎖住後可以將inspector面板鎖定在