码迷,mamicode.com
首页 > 其他好文 > 详细

1110学习内容

时间:2015-11-12 01:17:10      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:

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

1110学习内容

标签:

原文地址:http://www.cnblogs.com/wgbs25673578/p/4957740.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!