WEB前端学习——CSS定位浮动,列表

一、定位

1、概念：页面上的元素，应该出现的位置。
2、分类：
	普通定位
	浮动定位:float，
	相对定位:relative，在原地上下浮动
	绝对定位:absoluate，
	固定定位:fixed

3、定位详解
1、普通刘定位
又称文档流定位，就是页面中元素默认的显示方式。
2、浮动定位
解决问题：能够让多个块级元素在一行中显示。
浮动特点：
1、元素一旦浮动起来将不占页面空间，脱离文档流。
2、元素浮动起来后，会停靠在父元素的左边或者右边，或停靠在其他已经浮动元素的边缘上。
属性：float
取值： left：左浮动
right：右浮动
none：无浮动

二、定位-决定定位

1、定位属性
position：作用规定元素的定位类型。
取值：
static，静态定位，及文档流定位。
relative，相对定位
absolute，绝对定位
fixed，固定定位
2、偏移属性
作用：配合上面三种定位方式，实现元素位置的移动。
top：上偏移，从上向下偏移20px.
bottom：下偏移
left：左偏移
right：右偏移
3、绝对定位
特点：绝对定位的元素默认是相对于body实现位置偏移，但是，如果离他最近的祖先元素是已定位元素时，

二、列表

1、列表项标识
属性：list-style-type
取值：disc, circle, square,none
2、列表项图像
属性：list-style-image
取值： url(图像路径)
3、列表项位置位置
属性：list-style-position
取值:outside, inside
4、列表简写方式
属性：list-style
取值：type image position
常用方式：list-style:none;

前言