css派生选择器
多个标签在一起定义的一个选择器, 当这些标签都出现的时候才会触发这个样式表
方框和边框, 边框的顺序为, 上右下左
框的width和height不包括边距的宽度, 设置多少就是多少, margin代表外边距, padding代表内边距, border是边框, 边框border的属性还有style, background-color, 单独写一个color是指的框内文本的颜色
边距可以分别设置, 顺序为上右下左顺时针方向
p.inset {border-style: inset}
p.outset {border-style: outset}
inset和outset分别表示内凹和外凸的边框
框模型的定位
absolute绝对定位, 可以看成整个网页的左上角是一个坐标系, 如果上右下左都设定了位置距离, 则优先满足上和左的位置.
absolute 绝对的 相对于整个页面的位置
fixed 固定的，不变的;
relative 相对的 相对与整个页面的位置, 当出现<div><div></div></div>的时候内部的方框位置就是相对于外面的方框的位置变化的
static 静止的
浮动
同级别的<div>的情况下, 设置float的时候, 漂浮的影像效果只会影响下面的, 不会影响前面的<div>, 并且如果后面的都应用float, 而造成后面的div超出了页面的一行, 则会排到第二行来
如果一个div设置了float, 但是下面的div又不想被前面带着float的div盖住, 就在两个中间加一个空的div, 设置成"clear:both;"属性
<div style="clear:both;"></div>
div的嵌套
两个嵌套的div, 如果外面的没有设置宽高的参数, 那么里面的div的参数会影响外面的参数, 会撑开
内层的div设置成在外层div的居中效果, 可以使用margin: auto;, 这样可以使两边的边距相等