关于position属性的四个取值
- static ：静态定位，position属性的默认值，top、left、right、bottom不生效，是浏览器中原始的位置
- relative：相对定位，不脱离文档流，参考在文档流中的位置，通过top、left、right、bottom定位，可通过z-index分级
- absolute：绝对定位，脱离文档流，根据已经定位的父元素（relative、absolute、fixed），通过top、left、right、bottom定位。当父元素为static时将根据body根元素（浏览器窗口）进行定位，可通过z-index分级
- fixed：固定定位，与父元素无关，无论父元素是否定位，它都只根据浏览器窗口定位，且不随滚动条页面而滚动，可通过Z-index进行层次分级。
- inherit：规定应该继承父元素position的值
z-index
设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。
`
img
{
position:absolute;
left:0px top:0p z-index:-1;
}
CSS的样式
内联式:写在选择器内部<p style="fontsize:20px;color:black">11</p>
嵌入式：写在head里<head><style type="text/css"></style></head>
外部：写在CSS文件中
优先级：越靠近元素的优先级越高
标准盒模型和怪异盒模型的区别
盒子大小计算方式不同：
标准盒子:width+padding2+border2+margin2
怪异盒子（ie盒子 )：width+margin2
如果没有doctype解析用ie盒子
box-sizing:content-box:标准盒
box-sizing:border-box: ie盒
CSS中的单位px，em，rem
- px：固定的像素，一旦设置好，无法根据页面大小进行调整
- em：相对于父元素的倍数，如4em：自身字体大小的四倍，长度不定，适合响应式布局
- rem：相对于根元素，如4rem：根元素字体大小的四倍，也适合于响应式布局
`
489
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
