CSS常見簡寫規則整理


  • 外邊距(margin)

簡寫順序為順時針方向(上、右、下、左),如:margin: 1px 2px 3px 4px;

其中四邊都相等時可簡寫為一個,如:margin: 1px;

當上下、左右分別相等時,也可簡寫,如:margin: 1px 2px; 代表上下1px,左右2px

只有左右相等時,可簡寫為:margin: 1px 2px 3px;

但只有上下相等時不可簡寫。

  • 內邊距(padding)

例:

h1 {
  padding-top: 10px;
  padding-right: 0.25em;
  padding-bottom: 2ex;
  padding-left: 20%;
  }

規則與外邊距相同,在此就不細說了。

  • 邊框(border)

border:2px solid #cdcdcd;

p
  {
  border:5px solid red;
  }

 

分別為border-width、border-style、border-color

除border-style必須提供之外,其它都可省略而使用默認參數,其中border-width默認為3px,border-color默認為黑色。

  • 字體(font)

  • 背景(background)

可設置屬性(可選)

  • background-color
  • background-position
  • background-size
  • background-repeat
  • background-origin
  • background-clip
  • background-attachment
  • background-image

 

  • 列表(list-style)

list-style:disc outside url(list.png)

分別為list-style-type、list-style-position、list-style-image

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM