position

*/ /*--> */ 文档流: 一个元素内部子元素如果采用流失布局, 元素的内部形成一个文档流, 每一个子元素在 文档流都有自己的位置 position : 通过该方式设置定位方式 static: 静态定位方式 每个标签默认的定位方式 整个网页采用流式布局 不能使用left top bottom right 设置位置 relative: 相对定位 不会脱离文档流 相对定位与自己原来的位置进行偏移，一般位置上微小 的变化的时候 采用相对定位 使用left top bottom right 设置位置 absolute: 绝对定位 离它最近的定位方式为非static的定位元素为参照 以父元素为参照的时候 要把父元素的定位方式设置成相对定位(position:relative) 如果只加 position:absolute 该元素还在原来的位置，实际开发的时候并不会出现这种情况 position:absolute left top 设定位置 绝对定位之后 元素脱离文档流 脱离原来的位置 并且不会撑开父元素，所以对父元素 在设置定位的时候 设置成相对定位，块元素的宽度不再是父元素的宽度 必须手动设置宽度 fixed: 固定位置 使元素脱离文档流 元素不会随着网页的滚动而滚动 导航固定位置 sticky: 粘性定位 来源： https://www.cnblogs.com

css样式 .bannerBox {position: relative;width: 100%;height: 348px;margin:0px auto;} .bannerBox .bannerList {position: relative;width: 100%;height: 348px;overflow: hidden; text-align:center;} .bannerList li {position: absolute;top: 0;left: 50%; margin-left:-1000px;width:2000px;height: 348px;} #numList {position: absolute;left:50% ;bottom: 5px;} #numList li {width: 15px;height: 15px;float: left;color: #fff;border-radius: 15px;background: #fff;text-align: center;margin-right: 5px;cursor: pointer; text-indent:-9999px;} #numList li.curr {background: #F9A853;} 容器 <div id="bannerBox" class="bannerBox"><

1. ByteBuffer中的参数position、limit、capacity、mark含义： position：表示当前指针的位置(下一个要操作的数据元素的位置) limit：表示当前数组最大的使用量，即有效位置的EOF位置(缓冲区数组中不可操作的下一个元素的位置，limit<=capacity) capacity：表示缓冲区最大容量(缓冲区数据的总长度) mark：用于记录当前position的前一个位置或者默认是-1 2. ByteBuffer中常用方法含义： reset()：把position设置为mark的值，相当于之前做过一个标记，现在回退到之前标记的地方。 clear()：将参数设置为position=0，limit=capacity，mark=-1，类似于初始化，但并不影响底层byte数组的内容(注意：clear只是把指针移到位置0，并没有真正清空数据)。 flip()：将参数设置为limit=position，position=0，mark=-1，翻转，即将未翻转之前0到position之间的数据放置到翻转之后的position(即0)到limit之间的这块区域，翻转将缓冲区的状态由存数据变为准备取数据(注意：将当前位置设置为EOF，指针位置指向0)。 rewind()：将参数设置为position=0，mark=-1，limit的值不变(注意：指针指向0)。

树 树是由根结点和若干颗子树构成的。树是由一个集合以及在该集合上定义的一种关系构成的。集合中的元素称为树的结点，所定义的关系称为父子关系。父子关系在树的结点之间建立了一个层次结构。在这种层次结构中有一个结点具有特殊的地位，这个结点称为该树的根结点，或称为树根。 相关概念 根节点：树中最顶部的元素 父节点：处了根节点都有父节点，每个节点最多只有一个父节点 孩子节点：一个父节点具有0个或多个孩子节点 兄弟节点：同一个父节点的孩子节点之间是兄弟关系 外部节点：一个没有孩子的节点称为外部节点，也叫叶子结点 内部节点：有一个或多个孩子节点的节点叫做内部节点 树的边：指一对节点(u,v)，其中u是v的父节点或者v是u的父节点 树的路径：一系列连续的边组成了一条路径 节点的深度：节点的深度就是该节点的祖先的个数，不包括该节点本身，如果根节点的层数为1，则深度即为该节点的层数-1 节点的高度：如果p是树中的叶子节点，那么它的高度为0.否则p的高度是它的孩子节点中的最大高度+1 有序树：每个孩子之间有一定的顺序，例如： 一个树的抽象基类 class Tree(): """ 树的抽象基类 """ # 叫做位置的内嵌类，用于封装节点 class Position(): def element(self): raise NotImplementedError('must be implemented by

css3实现时钟效果 <div class="clock"> <div class="line line1"></div> <div class="line line2"></div> <div class="line line3"></div> <div class="line line4"></div> <div class="line line5"></div> <div class="line line6"></div> <div class="cover"></div> <div class="hour"></div> <div class="minute"></div> <div class="second"></div> <div class="center"></div> </div> * { padding : 0 ; margin : 0 ; } .clock { width : 300px ; height : 300px ; border : 10px solid #ccc ; /*border-radius: 160px;*/ /*百分比参照元素的实际宽高*/ border-radius : 50% ; margin : 100px auto ; position : relative ; } .line { width : 8px ; height :

原文： http://kakadu.blog.51cto.com/4050768/736629 Action就好像给一个cocosNode对象的命令。这些动作通常用来改变物体的属性，例如位置，旋转，缩放等。如果这些属性在一段时间只能被修改的话，那么这中叫做 IntervalAction 的Action。否则，它们叫做 InstantAction 的动作。 例如：MoveBy 动作，在一段时间之内，改变了位置这个属性 ，也就是说它是一个 IntervalAction的Action。 Example: # Move a sprite 50 pixels to the right, and 10 pixels to the top over 2 seconds. [sprite runAction: [MoveBy actionWithDuration:2 position:ccp(50,10)]]; IntervalAction 有一些很有趣的属性 它们可以通过时间改变来进行加速 EaseIn EaseOut EaseInOut Speed Etc. (See the EaseActionsTest.m example for more info) 所有 相对 的动作（以 By 结尾的）和一些 绝对 的动作（以 To 结尾的）都有一个翻转的动作，执行了一个相反方向的操作。 (

当时要实现的一个效果是：一个盒子里有图片，文字，active这个盒子时，盒子的背景色变成某个颜色，要实现的效果是： 最开始的代码是： <div class="list-item"> <div class="item-wrapper"> <img src="./images/taohua.jpeg"> <div>标题</div> <div>时间</div> </div> </div> css: .list-item { width: 200px; height: 200px; padding: 10px; border: 1px solid #ededed; position: relative; cursor: pointer; } .list-item:active { background: rgba(0, 0, 0, .5); border: 1px solid #ccc; } .item-wrapper { width: 100%; height: 100%; } .item-wrapper img { width: 100%; } 结果效果为： 这是因为本来图片的背景色是白色的，最后修改代码为： .list-item:active::before { content: ' '; position: absolute; z-index: 1; left: 0; top: 0