day12 css继承 css重用 css布局

 继承指子级有父级的css样式

p会继承div标签的样式

<div>div</div>
    <p>p</p>

可以继承文本居中text-align 字体颜色 字体大小等

不可以继承 border边框 padding内边距 margin外边距等

inherit

不可以继承 修改成可以继承

p{
    border:inherit;
}

可以用inherit进行继承操作

继承优先继承父级（就近原则）

css重用

将css样式放入一个文件中，用类引用直接实现

css布局

在position:absolute中

权限

top>bottom

left>right

div{
    position:absolute;
    bottom:0px;
    top:0px;
    left:0px;
    right:0px;
    margin:auto;

}

会让div在窗口进行居中  但是不是全局居中

出现向下滚轮后，会出现不居中的现象

div{
    position:fixed;
    bottom:0px;
    top:0px;
    left:0px;
    right:0px;
    margin:auto;

}

使用固定定位可以一直固定居中

固定在屏幕左侧