html知识点
1，display:block,inline
内联与块状的转化
比如span是内联元素，用css是无法正常设置高和宽的
需要用display:block转化成块状元素
display:inline则刚好相反,块状元素设置为内联元素
注意：img是内联元素，不过是一个特殊的内联的元素，同时是内联替换元素，替换元素可以设置宽和高
想要设置margin值得加上display:block转为块状元素
2，display:none
把网页上某个元素隐藏起来
3，css画圆角
border-radius:15px;当px像素在一定时就能画成圆
4，相对定位
position:relative; #相对定位
top:10px; #相对自身原有的位置
left:20px;
5，绝对定位
positiong:absolute;
#用绝对定位是，父元素要求position属性才行，否则将依据父父，一直往上找，到body；
#哪个祖先有postion属性，相对哪个祖先，如果没有，相对于body
#绝对定位就像直升飞机，谁飞得高，谁就盖住谁！z-index:1000这个属性实现
6，锚点
在需要的地方写上
<a name="p1"></a>
用的时候在url链接后加上#p1就能实现
7，伪类
css允许我们针对a标签的4中状态设置各自的css特性，叫做css伪类
1，active一般不必写
2，一定注意，顺序是LVHA
3，a:link可以简写为a
a:link{color:gray;} #普通是什么状态
a:visited{color:purple;} #点过之后是什么状态
a:hover{color:orange;} #鼠标放上去是什么状态
a:active{color:black;} #点击那一瞬间的状态
8,溢出处理
overfollow:visible; #默认状态
overfollow:hidden； #选择让多出部分隐藏，定义一个特别小的像素时可防止ie浏览器出bug
overflllow:scroll； #滚动框，不多也会加
overflllow:auto； #自动，多了才会加滚动条
9，margin重叠现象
相邻的普通元素，上下边距，并非简单的相加，而是取其中较大的边距值
10，浏览器兼容问题
1，初始化css
2，正确的doctype
3，书写要规范
4，浏览器bug，珍爱前端，原理IE
