CSS中外边距，内边距、尺寸、定位属性

一、margin（外边距）

1. 描述
   
   外边距属性值各自的含义
   
2. 属性
   

二、内边距

1. 描述
   
   内边距属性值各自的含义
   
   属性
   

三、Dimension（尺寸）

1. 描述：属性允许你控制元素的高度和宽度。同样，它允许你增加行间距。
2. 属性
   

四、Positioning（定位）

1类型描述

详细解说

（1）clear

1. 示例
   指定段落的左侧或右侧不允许浮动的元素：

p{ clear:both;}

2. 属性值
   

(2)cursor

1. 描述：定义了鼠标指针放在一个元素边界范围内时所用的光标形状
2. 属性值

default	默认光标（通常是一个箭头）
auto	默认。浏览器设置的光标。
crosshair	光标呈现为十字线。
pointer	光标呈现为指示链接的指针（一只手）
move	此光标指示某对象可被移动。

(3) display

1. 描述： 属性规定元素应该生成的框的类型。
2. 属性值

值	描述
none	此元素不会被显示。
block	此元素将显示为块级元素，此元素前后会带有换行符。
inline	默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block	行内块元素。（CSS2.1 新增的值）
list-item	此元素会作为列表显示。
run-in	此元素会根据上下文作为块级元素或内联元素显示。

(4) float(浮动)

1. 描述：float属性指定一个盒子（元素）是否应该浮动。
2. 注意： 绝对定位的元素忽略float属性！
3. 属性值

值	描述
left	元素向左浮动。
right	元素向右浮动。
none	默认值。元素不浮动，并会显示在其在文本中出现的位置。

(5) overflow

1. 描述：属性指定如果内容溢出一个元素的框，
2. 属性值

值	描述
visible	默认值。内容不会被修剪，会呈现在元素框之外。
hidden	内容会被修剪，并且其余内容是不可见的。
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

(6) right

1. 实例:
   把图像的右边缘设置在其包含元素右边缘向左 5 像素的位置：

img
{
position:absolute;
right:5px;
}

(7) left

1. 实例
   把图像的右边缘设置在其包含元素右边缘向左 5 像素的位置：

img
{
position:absolute;
right:5px;
}

(8) visibility

1. 描述：指定一个元素是否是可见的。提示:即使不可见的元素也会占据页面上的空间。
2. 属性值

值	描述
visible	默认值。元素是可见的。
hidden	元素是不可见的。

(9) relative 定位

1). 描述(类型)
1、相对定位元素的定位是相对其正常位置。
2、移动相对定位元素，但它原本所占的空间不会改变。
3、相对定位元素经常被用来作为绝对定位元素的容器块。

(10) absolute 定位

1). 描述(类型)
1、绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于浏览器窗口进行定位
2、 定位使元素的位置与文档流无关，因此不占据空间。
3、定位的元素和其他元素重叠。

(11) z-index

1). 描述
1、元素的定位与文档流无关，所以它们可以覆盖页面上的其它元素。
2、z-index 属性指定一个元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
3、一个元素可以有正数或负数的堆叠顺序：

菜鸟教程