css 基本屬性學習

1.padding 屬性

 簡寫屬性在一個聲明中設置所有填充屬性。該屬性可以有1到4個值

• padding:10px 5px 15px 20px;
  • 上填充是 10px
  • 右填充是 5px
  • 下填充是 15px
  • 左填充是 20px
• padding:10px 5px 15px;
  • 上填充是 10px
  • 右填充和左填充是 5px
  • 下填充是 15px
  
  
• padding:10px 5px;
  • 上填充和下填充是 10px
  • 右填充和左填充是 5px
  
  
• padding:10px;
  • 所有四個填充都是 10px

注意： 負值是不允許的。

-------------------------

2.margin

margin簡寫屬性在一個聲明中設置所有外邊距屬性。該屬性可以有1到4個值。

實例:

• margin:10px 5px 15px 20px;
  • 上邊距是 10px
  • 右邊距是 5px
  • 下邊距是 15px
  • 左邊距是 20px
• 其他類似於 adding寫法

注意： 負值是允許的。

-------------------------------
3.position

position屬性指定一個元素（靜態的，相對的，絕對或固定）的定位方法的類型。

position:relative;
left:20px;

值	描述
absolute	生成絕對定位的元素，相對於 static 定位以外的第一個父元素進行定位。 元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
fixed	生成絕對定位的元素，相對於瀏覽器窗口進行定位。 元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
relative	生成相對定位的元素，相對於其正常位置進行定位。 因此，"left:20" 會向元素的 LEFT 位置添加 20 像素。
static	默認值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。
inherit	規定應該從父元素繼承 position 屬性的值。

-----------------------

4.line-height

設置以百分比計的行高：.

注意： 負值是不允許的

值	描述
normal	默認。設置合理的行間距。
number	設置數字，此數字會與當前的字體尺寸相乘來設置行間距。
length	設置固定的行間距。
%	基於當前字體尺寸的百分比行間距。
inherit	規定應該從父元素繼承 line-height 屬性的值。

---------------------------

5.target

HTML5 不支持 <link> target 屬性。

target 屬性規定在哪個窗口或框架中加載被鏈接文檔

注意：幾乎沒有主流瀏覽器支持 target 屬性。

值	描述
_blank	在新窗口中打開被鏈接文檔。
_self	默認。在相同的框架中打開被鏈接文檔。
_parent	在父框架集中打開被鏈接文檔。
_top	在整個窗口中打開被鏈接文檔。
framename	在指定的框架中打開被鏈接文檔。