css的margin縮寫方式有效提高書寫效率
發(fā)布時間：2013-09-05 18:08:02 作者：佚名 
我要評論
我要評論margin縮寫想必有很多新手朋友們都不知道吧，善于使用縮寫的朋友可以有效的提高css樣式的書寫效率，看到這里是不是有點心動了，下面的示例將會讓你有所收獲
復制代碼
代碼如下:<html>
<body>
<div style="border: 1px solid red;">
<div style="border: 1px solid blue; margin: 20px;">
margin: 20px;（上、下、左、右各20px。）
</div>
</div>
<div style="border: 1px solid red;">
<div style="border: 1px solid blue; margin: 20px 40px;">
margin: 20px 40px;（上、下20px；左、右40px。）
</div>
</div>
<div style="border: 1px solid red;">
<div style="border: 1px solid blue; margin: 20px 40px 60px;">
margin: 20px 40px 60px;（上20px；左、右40px；下60px。）
</div>
</div>
<div style="border: 1px solid red;">
<div style="border: 1px solid blue; margin: 20px 40px 60px 80px;">
margin: 20px 40px 60px 80px;（上20px；右40px；下60px；左80px。）
</div>
</div>
<p>在css中使用margin可以將margin-top，margin-right，margin-bottom，margin-left，縮寫為一個標記，順序為<span style="color: #ff0000"><strong>上右下左</strong></span>（順時針）。</p>
<p>margin標記可以帶一個、二個、三個、四個參數(shù)，各有不同的含義。</p>
</body>
</html>
相關(guān)文章
- 這篇文章主要給大家介紹了CSS中margin的用法和常見問題的分析，文中介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-06-28
- 本文主要介紹了CSS中margin邊界疊加問題及解決方案。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-27
- 下面小編就為大家?guī)硪黄狢SS margin全面了解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-07-21
- 下面小編就為大家?guī)硪黄獪\談css margin重疊。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-19
- 下面小編就為大家?guī)硪黄狢SS 之margin知識點(必看)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-10
- 這篇文章主要為大家詳細介紹了css布局之負margin妙用及其他實現(xiàn)的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-07-07
- 這篇文章和大家詳細說一說CSS中margin屬性的使用，重點描述了關(guān)于margin，我們?nèi)粘２惶菀装l(fā)現(xiàn)的“坑，感興趣的小伙伴們可以參考一下2016-02-25
- 這篇文章主要介紹了CSS中的margin屬性的使用,margin是元素盒模型(box model)的基礎(chǔ)屬性,常被用來設(shè)置外邊距,實際用途非常廣泛,需要的朋友可以參考下2016-02-02
- 這篇文章主要介紹了CSS中使用負margin值來調(diào)整居中位置的方法,文中同時提到了這種常用方法的一些值得注意的地方,需要的朋友可以參考下2015-07-15
- margin 簡寫屬性在一個聲明中設(shè)置所有外邊距屬性。該屬性可以有 1 到 4 個值。這個簡寫屬性設(shè)置一個元素所有外邊距的寬度，或者設(shè)置各邊上外邊距的寬度。塊級元素的垂直相2014-10-22