list-style-type:none 去掉项目符号
块级元素：body，ul li，ol li，table，p,h1~h6,div......
1.块级元素里面的内容，或者它的背景图片，默认显示在块的左上角。
2.块级元素默认情况下，单独占满一行。
如何用块级元素实现并排？
html:
<div id=“d1”>1<div>
<div id=“d2”>2<div>
css:
#d1,#d2
{
height:150px;
100px;
border:solid 2px red;
}
用float：left实现并排（向左漂浮）
float：right（向右漂浮）
clear：borth 清除左右的浮动
盒子模型
margin（外间距）border（边）padding（内边距）
行内元素有<span></span>，<a>
特点：
1.它默认情况下不会单独占满一行。
2.行内元素的高度和宽度不是受css的height和width决定，而是由它里面的内容的多少决定。
行内元素可以变成块级元素用display：block
重点：绝对定位（position:absolute）和相对定位（position:relative）
绝对定位：当一个块级元素脱离文档流，它就不会占满一行，然后浮动对它也是没有作用的。它的方位就受到具体页面窗体的top和left的影响。
(设置跟随鼠标的图片)
相对定位：设置position：relative，说明这个div还存在文档流，没有脱流文档流，针对上一级的上边和左边。
区别
1.绝对定位真正脱离文档流，脱离文档流不受浮动和文档流的影响。而相对定位会受到文档流的影响。
2.绝对定位只受到具体的窗体的top和left影响，相对定位只受到上一级的top和left影响。
z-index空间设置（值大的位于值小的上方）
overflow：auto 文本超出有滚动条
overflow:hide 文本超出的部分隐藏
overflow:scroll 文本超出或没有超出都有滚动条