6.定位属性：
使用定位可以控制元素的位置，包括相对定位和绝对定位两种方式，相对定位是指允许元素相对于文档布局的原始位置上进行偏移，而绝对定位是指允许元素与原始文档的布局分离且任意定位。
--- position：定位
取值：
static：默认值，没有定位。
absolute：绝对定位，相对与最近的已经定位的父元素，通过设置一定的偏移量，来进行定位。（已经定位的付元素：是指position属性已经设置为relative或者是absolute）
relative：相对定位，相对与自身原来的距离，通过设置一定的偏移量，来进行定位。
fixed：固定定位（绝对定位的一种），将一个元素固定在浏览器的某一个位置，无论页面如何变化，这个元素始终保持在浏览器的这个位置。
--- top、bottom、left、right，元素位置。分别表示上、下、左、右四个方向的偏移量。
这四个属性需要配合position属性一同使用，但是只有当position属性的值为absolute、relative、fixed时，这四个属性才能起作用，否则将无效。
通常设置两个方向的偏移就可以控制元素的位置。
取值：一个长度值或者是百分比。
7.层叠顺序：
使用层叠顺序可以设置层的先后顺序和覆盖关系。
--- z-index：
取值：一个整数值，可以是负数。默认值是1，表示该层位置最底层。
8.浮动属性：
常用来对块级标签进行浮动，使块级标签能够改变它原来的排列方式为从左到右的排列。浮动的元素将会脱离标准文档流。
--- float：浮动
取值：
none：没有浮动
left：左浮动
right：右浮动
--- clear：清除浮动。（如果之前的元素使用的浮动，会影响到之后的元素的排列，那么就需要清除浮动。）
取值：
none：默认值，不清除浮动。
left：清除左边的浮动。
right：清除右边的浮动。
both：清除左右两边的浮动。
--- 标准文档流：（*****）
HTML标签分为两种，一种是块级标签，另一种是行级标签。
块级标签：默认排列方式是从上到下的排列，每个块级标签在页面中独占一行。
行级标签：默认排列方式是从左到右的排列，每一个行级标签在页面不会独占一行，直到将一行占满，才会换行。
常见的块级标签有：<div> <p> <h1>~<h6> <table> 列表标签等。
常见的行级标签有：<a> <span> <b> <strong> <font> 等。
9.可视区域，（就是可以看得到的区域），可以将一个元素进行裁切，裁切出来的是一个矩形，显示在页面上的就是这一个矩形。使用时，首先要设置开始裁切的开始坐标（可以通过left属性和top属性来设置）
--- clip：
取值：
auto：默认值；
rect(top right bottom left)
----| 值rect：
----| top right bottom left，分别表示上右下左的顺序提供自对象左上角（0,0）坐标到计算的四个偏移数值，其中任意一个都可以用auto来替换，用auto来替换则表示该边不裁切。
注意：使用该属性，必须设置该元素为绝对定位(position属性的值为absolute或者是fixed)，通过设置一定的偏移量left、top来设置裁切的开始坐标。
例：
img {
position:absolute;
left:20px;
top:20px;
clip:rect(auto 100px 100px auto);
}
上述CSS表示将图片从左上角（0，0）开始裁切，横着切到距左边100px的位置，从顶部开始竖着切到距顶部100px的位置，那么就是从（0，0）点切到（100，100）这个坐标为止。
再如：rect(auto 60px 30px auto)表示从（0，0）切到坐标（60，30）
10.层的宽度和高度
--- width：宽度
取值：一个长度值或者百分比。
--- height：高度
取值：只能是一个长度值，不能是百分比。
11.超出范围（溢出<overflow>）
使用overflow属性可以设置当层内的内容超出层所能容纳的范围时，该层内内容的显示方式。
--- overflow：
取值：
visible：默认值，层的大小和内容都会自动显示出来；
auto：表示只在内容超出层的范围是才显示滚动条；
hidden：表示会隐藏超出层范围的内容；
scroll：表示无论层的内容是否超出层的范围，总是会显示滚动条。
12.可见属性（visibility）：
visibility属性是针对嵌套层的设置，嵌套层是插入在其他层里面的层，分为嵌套层和被嵌套层。
--- visibility：
取值：
inherit：表示继承父对象（被嵌套层）的可见性，就是父对象可见，它就可见。
visible：表示无论父对象是否可见，子层都是可见的；
hidden：表示无论父对象是否可见，子层都是隐藏的。
13.列表（无序列表、有序列表）属性，只对列表属性有作用：
--- list-style-type：列表的项目符号：
取值：
disc：默认值，实心圆；
circle：空心圆；
square：实心方块；
decimal：阿拉伯数字；
lower-roman：小写罗马数字；
upper-roman：大写罗马数字；
lower-alpha：小写英文字母；
upper-alpha：大写英文字母；
none：不使用任何项目符号或编号。
--- list-style-image: 图像符号，可以使用一张图片来作为列表的项目符号。
取值：
url(图片路径)：表示使用一张图片来作为项目符号；
none:不使用图片，默认值。
经验：使用list-style-image虽然可以用图片设置列表项目符号，但是通常项目符号的位置不能精确的调整，实际做网页的时候通常都是用背景图片的方式来设置项目符号，能达到同样的效果，并且使用背景图片可以准确的调整图片的位置。所以list-style-image属性不推荐使用。
--- list-style-position:列表缩进，可以设置列表缩进的程度。
取值：
outside：表示列表项目符号标记在文本以外，且环绕文本不根据标记对齐。
inside：表示项目符号放置在文本以内，且环绕文本根据标记对齐。
--- list-style：列表的符合属性，整合了list-style-type、list-style-image、list-style-position这三个属性。
注意：
当list-style-image和list-style-type都同时被设置的时候，list-style-image将优先于list-style-type显示，除非是list-style-image设置为none或者是指定的图片路径错误，就是图片不能正常显示时，才会显示list-style-type设置的列表样式。
取值：
image postion type
image对应图片路径；
position对应背景位置；
type对应列表项目符号。
可以不全部设置，可以只设置一个或者两个或者全部。
14.鼠标样式属性（cursor）：可以设置鼠标移动到元素上时鼠标指针显示的形状。
--- cursor：
取值：
default：客户端平台（比如Windows）的默认光标，通常是一个箭头；
pointer：一个竖起一个指头的手型；
crosshair：简单的十字线光标；
text：大写字母I的形状；
help：带有问号的箭头；
wait：用于标识程序忙用户需要等待的光标；
e-resize：向东的箭头；
ne-resize：向东北的箭头；
n-resize：向北的箭头；
nw-resize：向西北的箭头；
w-resize：向西的箭头；
sw-resize：向西南的箭头；
s-resize：向南的箭头；
se-resize：向东南的箭头；
auto：默认值，浏览器根据当前情况自动确定光标形状。
使用定位可以控制元素的位置，包括相对定位和绝对定位两种方式，相对定位是指允许元素相对于文档布局的原始位置上进行偏移，而绝对定位是指允许元素与原始文档的布局分离且任意定位。
--- position：定位
取值：
static：默认值，没有定位。
absolute：绝对定位，相对与最近的已经定位的父元素，通过设置一定的偏移量，来进行定位。（已经定位的付元素：是指position属性已经设置为relative或者是absolute）
relative：相对定位，相对与自身原来的距离，通过设置一定的偏移量，来进行定位。
fixed：固定定位（绝对定位的一种），将一个元素固定在浏览器的某一个位置，无论页面如何变化，这个元素始终保持在浏览器的这个位置。
--- top、bottom、left、right，元素位置。分别表示上、下、左、右四个方向的偏移量。
这四个属性需要配合position属性一同使用，但是只有当position属性的值为absolute、relative、fixed时，这四个属性才能起作用，否则将无效。
通常设置两个方向的偏移就可以控制元素的位置。
取值：一个长度值或者是百分比。
7.层叠顺序：
使用层叠顺序可以设置层的先后顺序和覆盖关系。
--- z-index：
取值：一个整数值，可以是负数。默认值是1，表示该层位置最底层。
8.浮动属性：
常用来对块级标签进行浮动，使块级标签能够改变它原来的排列方式为从左到右的排列。浮动的元素将会脱离标准文档流。
--- float：浮动
取值：
none：没有浮动
left：左浮动
right：右浮动
--- clear：清除浮动。（如果之前的元素使用的浮动，会影响到之后的元素的排列，那么就需要清除浮动。）
取值：
none：默认值，不清除浮动。
left：清除左边的浮动。
right：清除右边的浮动。
both：清除左右两边的浮动。
--- 标准文档流：（*****）
HTML标签分为两种，一种是块级标签，另一种是行级标签。
块级标签：默认排列方式是从上到下的排列，每个块级标签在页面中独占一行。
行级标签：默认排列方式是从左到右的排列，每一个行级标签在页面不会独占一行，直到将一行占满，才会换行。
常见的块级标签有：<div> <p> <h1>~<h6> <table> 列表标签等。
常见的行级标签有：<a> <span> <b> <strong> <font> 等。
9.可视区域，（就是可以看得到的区域），可以将一个元素进行裁切，裁切出来的是一个矩形，显示在页面上的就是这一个矩形。使用时，首先要设置开始裁切的开始坐标（可以通过left属性和top属性来设置）
--- clip：
取值：
auto：默认值；
rect(top right bottom left)
----| 值rect：
----| top right bottom left，分别表示上右下左的顺序提供自对象左上角（0,0）坐标到计算的四个偏移数值，其中任意一个都可以用auto来替换，用auto来替换则表示该边不裁切。
注意：使用该属性，必须设置该元素为绝对定位(position属性的值为absolute或者是fixed)，通过设置一定的偏移量left、top来设置裁切的开始坐标。
例：
img {
position:absolute;
left:20px;
top:20px;
clip:rect(auto 100px 100px auto);
}
上述CSS表示将图片从左上角（0，0）开始裁切，横着切到距左边100px的位置，从顶部开始竖着切到距顶部100px的位置，那么就是从（0，0）点切到（100，100）这个坐标为止。
再如：rect(auto 60px 30px auto)表示从（0，0）切到坐标（60，30）
10.层的宽度和高度
--- width：宽度
取值：一个长度值或者百分比。
--- height：高度
取值：只能是一个长度值，不能是百分比。
11.超出范围（溢出<overflow>）
使用overflow属性可以设置当层内的内容超出层所能容纳的范围时，该层内内容的显示方式。
--- overflow：
取值：
visible：默认值，层的大小和内容都会自动显示出来；
auto：表示只在内容超出层的范围是才显示滚动条；
hidden：表示会隐藏超出层范围的内容；
scroll：表示无论层的内容是否超出层的范围，总是会显示滚动条。
12.可见属性（visibility）：
visibility属性是针对嵌套层的设置，嵌套层是插入在其他层里面的层，分为嵌套层和被嵌套层。
--- visibility：
取值：
inherit：表示继承父对象（被嵌套层）的可见性，就是父对象可见，它就可见。
visible：表示无论父对象是否可见，子层都是可见的；
hidden：表示无论父对象是否可见，子层都是隐藏的。
13.列表（无序列表、有序列表）属性，只对列表属性有作用：
--- list-style-type：列表的项目符号：
取值：
disc：默认值，实心圆；
circle：空心圆；
square：实心方块；
decimal：阿拉伯数字；
lower-roman：小写罗马数字；
upper-roman：大写罗马数字；
lower-alpha：小写英文字母；
upper-alpha：大写英文字母；
none：不使用任何项目符号或编号。
--- list-style-image: 图像符号，可以使用一张图片来作为列表的项目符号。
取值：
url(图片路径)：表示使用一张图片来作为项目符号；
none:不使用图片，默认值。
经验：使用list-style-image虽然可以用图片设置列表项目符号，但是通常项目符号的位置不能精确的调整，实际做网页的时候通常都是用背景图片的方式来设置项目符号，能达到同样的效果，并且使用背景图片可以准确的调整图片的位置。所以list-style-image属性不推荐使用。
--- list-style-position:列表缩进，可以设置列表缩进的程度。
取值：
outside：表示列表项目符号标记在文本以外，且环绕文本不根据标记对齐。
inside：表示项目符号放置在文本以内，且环绕文本根据标记对齐。
--- list-style：列表的符合属性，整合了list-style-type、list-style-image、list-style-position这三个属性。
注意：
当list-style-image和list-style-type都同时被设置的时候，list-style-image将优先于list-style-type显示，除非是list-style-image设置为none或者是指定的图片路径错误，就是图片不能正常显示时，才会显示list-style-type设置的列表样式。
取值：
image postion type
image对应图片路径；
position对应背景位置；
type对应列表项目符号。
可以不全部设置，可以只设置一个或者两个或者全部。
14.鼠标样式属性（cursor）：可以设置鼠标移动到元素上时鼠标指针显示的形状。
--- cursor：
取值：
default：客户端平台（比如Windows）的默认光标，通常是一个箭头；
pointer：一个竖起一个指头的手型；
crosshair：简单的十字线光标；
text：大写字母I的形状；
help：带有问号的箭头；
wait：用于标识程序忙用户需要等待的光标；
e-resize：向东的箭头；
ne-resize：向东北的箭头；
n-resize：向北的箭头；
nw-resize：向西北的箭头；
w-resize：向西的箭头；
sw-resize：向西南的箭头；
s-resize：向南的箭头；
se-resize：向东南的箭头；
auto：默认值，浏览器根据当前情况自动确定光标形状。
