css定位详解
先来看下position各属性的解释
absolute
: 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定
fixed
: 生成绝对定位的元素,相对于浏览器窗口进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定
relative
: 生成相对定位的元素,相对于其正常位置进行定位。
因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
static
: 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
inherit
: 规定应该从父元素继承 position 属性的值。
各浏览器默认值是static,IE不支持inherit属性
图中可以看出,只能在默认情况也就是父对象position为static或者子元素position为fixed时子元素才会相对窗口进行绝对定位,区别就是如果将子元素position设为fixed后,子元素将会跟随滚动条滚动,不同于absolute。
当元素position为相对定位时,则不论父元素定位如果,都为相对原来的位置流就是偏移,从而可以产生负边距的效果
相关文档:
1. 样式表的简介:样式表由样式规则组成,这些规则告诉浏览器如何显示文档。
根据样式表所在位置,可分为行内样式、内嵌样式表、外部样式表
Ø 样式表的基本语法
1. 样式规则:h2{color:limegreen;}
&n ......
地震 网站变成灰黑色 css 代码
5.19-5.21为全国哀悼日, 百度、网易、新浪等各大网站均变成了灰黑色网页。怎样使网页变成灰黑色呢?
国务院决定5月19日至21日为全国哀悼日为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。
html {...}{ filter:progid:DXImageTransform.Microsoft.BasicImage(g ......
css-body背景渐变色的CSS
一、从上往下渐变
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50 ......
完成以下部分:
1. 树可以接受singleXml格式和json以及jsonarray格式的数据;
2. 复选框勾选和折叠子节点的逻辑用div嵌套来实现,效率更高;并提供了快速画树的方法;(存在bug:快速画树效率并不高,div嵌套有问题);
3.增加树的深度 this.depth ......