我就不吃芹菜

导航

 

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;, 这样可以使两边的边距相等

posted on 2015-11-11 23:35  我就不吃芹菜  阅读(153)  评论(0编辑  收藏  举报