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在指定的框架中打开被链接文档。