z索引是CSS中用于控制元素在垂直方向上的层叠顺序的属性。它可以用来调整元素在页面中的显示顺序,使某个元素覆盖其他元素。
然而,z索引并不适用于固定元素和子元素的原因如下:
总结起来,z索引不适用于固定元素和子元素是因为固定元素已经具有最高的层叠顺序,而子元素的层叠顺序是相对于父元素进行的。在处理固定元素和子元素的层叠顺序时,应该通过其他方式来实现,例如调整父元素的z索引值或使用其他CSS属性和技巧来控制层叠顺序。
定位为什么需要定位> 定位可以让盒子在指定盒子内自由移动位置,并压住其他盒子,而浮动只能让盒子排在一行;定位的组成>定位是定位模式+边偏移> 定位模式用于指定一个元素在文档中的定位方式,使用CSS属性...; > 觉得定位不占用原来标准流的位置,即脱标- **子绝父相**:>子元素是绝对定位, 父元素则需要是相对定位,因为相对定位会保留位置,而绝对定位不保留位置;- 固定定位fixed> 以浏览器的可视窗口为准移动元素...> 与父元素没有任何关系> 不随着滚动条的滚动而滚动> 不占用标准流的位置,是一种特殊的绝对定位- 粘性定位 sticky > 粘性定位可以被认为是相对定位和固定定位的混合> 已可视窗口为参考点> 占有标准流位置...auto,属性为数字,可以有负值,但没有单位>当都没有z-index属性,按照属性叠放,后来居上- 绝对定位盒子居中: > left和top 设置 父元素宽度50% > margin-left和margin-top...设置自身元素宽度的一半- 定位的特殊特性> 行内元素添加定位,可以直接设置宽度和高度> 块内元素添加定位,默认的是内容的高度和宽度> 脱标的盒子不会触发外边距塌陷问题- 浮动和定位的区别: > 浮动会压住后面的盒子
它是最流行和最简单的数据结构之一,通常用于实现其他数据结构。数组中的每个项目都从 0 开始索引。 每个程序员的梦想不仅是成为一名优秀的程序员,而且成为一名伟大的程序员。...我们可以通过索引值直接访问数组元素。 数组的基本术语 **数组索引:**在数组中,元素由其索引来标识。数组索引从0开始。 **数组元素:**元素是存储在数组中的项目,可以通过其索引进行访问。...如果我们声明较大的大小并存储较少数量的元素,将导致内存浪费,或者是我们声明较小的大小的情况,那么我们将不会获得足够的内存来存储其余元素。在这种情况下,静态内存分配不是首选。 为什么需要数组数据结构?...数组中的每个元素代表图中的一个节点,节点之间的关系由数组中存储的值表示。 动态编程:动态编程算法通常使用数组来存储子问题的中间结果,以解决更大的问题。...结构元素可能会也可能不会存储在连续位置,但数组元素会存储在连续位置。 在结构中,可以实例化对象,而在数组中则不可能实例化对象。 使用数组的常见问题 为什么从数组中获取值的复杂度是 O(1)?
# CSS-定位(position) 为什么要用定位?...# 为什么要用定位? 那么定位,最长运用的场景再那里呢? 左右箭头压住图片: 2.固定在窗口的广告 # 元素的定位属性 元素的定位属性主要包括定位模式和边偏移两部分。...# 子绝父相 这个“子绝父相”太重要了,是我们学习定位的口诀。 子绝父相就是指子元素设置绝对定位,而父元素设置相对定位。...固定定位完全脱标,不占有位置,不随着滚动条滚动。 # 叠放次序(z-index) 当对多个元素同时设置定位时,定位元素之间有可能会发生重叠。...在CSS中,要想调整重叠定位元素的堆叠顺序,可以对定位元素应用z-index层叠等级属性,其取值可为正整数、负整数和0。
| 代码示例 ) 【CSS】绝对定位元素设置 水平 / 垂直 居中 ( 绝对定位元素居中设置 - 先偏移 50% 再回退子元素一半尺寸 | 绝对定位居中设置 ) 【CSS】使用 z-index 属性值控制定位盒子的堆叠顺序...属性值相同 , 那么按照先后顺序 , 后来的覆盖之前的 ; z-index 属性值的数字后面没有单位 ; z-index 属性 生效的情况 : 相对定位 绝对定位 固定定位 在其它情况 , 如 : 静态定位..., 浮动是脱标的 , 不占用标准流元素的位置 ; 绝对定位 和 固定定位 都可以到达 将 元素转为 行内块显示模式 的效果 ; 行内盒子 , 一旦使用了 浮动 / 绝对定位 / 固定定位 就可以将该盒子看做...行内块元素 盒子 , 为该盒子设置宽高等属性 ; 浮动元素 和 绝对定位 / 固定定位 元素 , 都是脱标的 , 都不会触发 外边距塌陷 问题 , 为 盒子设置 浮动 / 定位 , 就不用考虑 外边距塌陷的问题...1 中 , 父盒子 和 子盒子 没有添加任何外边距 , 没有塌陷 ; 示例 2 中 , 为子盒子设置了 上外边距 , 结果将 父盒子也带下来了 ; 使用传统方法解决外边距塌陷问题 : 为 父容器
最常用的方法包括Z-Ordering[5]、Hilbert[6]曲线和XZ-Ordering,其中Z-Ordering和Hilbert曲线主要用于管理点对象,XZ-Ordering用于管理空间扩展对象,...02 点空间填充曲线 点对象是指只具有经度和纬度的二维空间数据。Z-Ordering和Hilbert曲线常用于管理点对象的空间填充曲线。 Z-Ordering: Z曲线是较简单的空间填充曲线。...通过不断的观察,我们发现,子空间的曲线是由原空间的简单变换得来,而且只存在四种变换方式,并且相同的变换也适用于子空间的子空间等等。...它扩展Z曲线,提出了一个放大元素的概念。它固定住Z曲线每一个子空间的左下角,然后将其长和高都扩大一倍得到更大的索引空间,得到的索引空间称作扩大元素。...因为,分辨率每增加一次,Z曲线的每个子空间都会分裂出四个新的子空间,而每个子空间也可以扩展为XZ-Ordering的扩大元素。因此,XZ-Ordering拥有个处于分辨率i的索引空间。
定位(position) 目标 理解 能说出为什么要用定位 能说出定位的4种分类 能说出四种定位的各自特点 能说出我们为什么常用子绝父相布局 应用 能写出淘宝轮播图布局 1....子绝父相是使用绝对定位的口诀,要牢牢记住! 疑问:为什么在布局时,子级元素使用绝对定位时,父级元素就要用相对定位呢?...案例小结: 子绝父相 —— 子元素使用绝对定位,父元素使用相对定位; 与浮动的对比: 绝对定位:脱标,利用边偏移指定准确位置; 浮动:脱标,不能指定准确位置,让多个块级元素在一行显示。...注意:z-index 只能应用于相对定位、绝对定位和固定定位的元素,其他标准流、浮动和静态定位无效。 案例演示:堆叠顺序。...所以说, 一个行内的盒子,如果加了浮动、固定定位和绝对定位,不用转换,就可以给这个盒子直接设置宽度和高度等。
CSS定位 为什么需要定位? 浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子. 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子....定位模式用于指定一个元素在文档中的定位方式,边偏移则决定了该元素的最终位置. 定位模式 定位模式决定元素的定位方式,它通过CSS的position属性来设置,其值可以分为四种....当然,子绝父相不是永远不变的,如果父元素不需要占有位置,子绝父绝也会遇到. 4.固定定位 固定定位是元素固定于浏览器可视区的位置.主要使用场景:可以在浏览器页面滚动元素时元素的位置不会改变....做出来就是类似的效果. 5.粘性定位(了解) 粘性定位可以被看做是相对定位和固定定位的混合 语法: 选择器 { position : sticky ; } 以浏览器的可视窗口为参照点移动像素(固定定位特点...定位拓展: 绝对定位和固定定位也和浮动类似. 行内元素添加绝对或固定定位,可以直接设置高度和宽度.
固定大小:数组的大小通常在创建时固定,不能动态地扩展或缩小。这意味着需要提前知道数组的最大容量。 随机访问:由于元素的连续存储和固定大小,可以通过索引以O(1)的时间复杂度实现随机访问。...插入和删除效率低:插入和删除元素通常需要移动其他元素,因此效率较低。 不适用于非连续内存:如果需要非连续内存存储元素,数组就不适用。...数组是一种非常基础和常见的数据结构,适用于需要高效随机访问的场景,但它们的大小通常是固定的,对于动态数据集合可能不太合适。在选择数据结构时,需要根据具体需求考虑数组的优点和缺点。...不适合索引操作:链表不适用于需要快速索引的场景,例如数组那样通过索引直接访问元素。 链表的基本操作: 插入节点:在链表中插入新节点,通常有头部插入、尾部插入和中间插入等方式。...应用场景: 链表常用于需要频繁插入和删除元素的情况,如实现栈(Stack)和队列(Queue)等数据结构。 链表也用于实现更高级的数据结构,如哈希表中的冲突解决方法。
但,GIF格式仅支持8bit的索引色,所以GIF格式适用于对色彩要求不高同时需要文件体积 较小的场景。 (3)JPEG是有损的、采用直接色的、点阵图。...并且GIF还 支持动画和透明度。但因为它使用的是索引色,所以它适用于一些对颜色要求不高且需要文件体积小的场景。 (3)第三种是JPEG格式,它是有损压缩的使用直接色的点阵图。...由于使用了直接色,色彩较为丰富,一般适用于来存储照片。但 由于使用的是直接色,可能文件的体积相对于GIF格式来说更大。 (4)第四种是PNG-8格式,它是无损压缩的使用索引色的点阵图。...(2)内联元素的高度由固定高度和不固定高度组成,这个不固定的部分就是这里的“行距”。换句话说,line-height之所以起作 用,就是通过改变“行距”来实现的。...Chrome等WebKit内核浏览器下,position:fixed元素天然层叠上下文元素,无须z-index为数值。根据我的测试,目前IE和Firefox仍是老套路。
z-index和叠加上下文是如何形成的? z-index 层叠上下文的关系层叠上下文z-index z-index 是什么?...z-index 属性设置元素的堆叠顺序,拥有更高的堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面 该属性设置一个定位元素沿着 z 轴的位置,z 轴定义为垂直延申到显示区的轴,如果为正数,则离用户更加近...2、为什么是用集合主要也还是效率。基于 CSS Rule 数量远远小于元素数量的假设和索引的运用, 遍历每一条 CSS Rule 通过集合筛选,比遍历每一个元素再遍历每一条 Rule 匹配要快得多。...要注意的是这个是个大概的说法,每个特定的元素能包含的元素也是特定的,所以具体到个别元素上,这条规律是不适用的。 比如 P 元素,只能包含inline元素,而不能包含block元素。...当为对象设置固定定位后,该对象即处于浏览器窗口画面中的固定位置,无视文档长短、窗口大小和滚条滚动。这常见于有时打开一些网页总会有广告在侧边,太烦人了!
小结: 父元素有定位(相对、绝对、固定),子元素边偏移 从定位父元素 左上角开始 5.2.4 示例 3:祖父和父元素都有定位 示例:祖父和父元素都有定位 小结: 祖父和父都存在定位(相对...祖父和父都存在定位(相对、绝对、固定)时,子元素边偏移从 最近父元素 的左上角开始 4 、 为了布局方便,更多采取: 子绝父相 6. ...、 仅定位元素才可以设置 z-index ,标准流和浮动设置无效 8.2 定位子元素-水平垂直居中 8.2.1 引言&概念 有时我们存在需要让子元素在父元素中 水平居中的需求,若使用标准流或浮动...- 设置: 绝对 定位,子元素在 父 内 水平垂直居中(如果父是 body ,相当于页面水平垂直居 中) 子元素 - 设置: 固定 定位,子元素在 页面 内 水平垂直居中 适用于:快速设置子元素的水平垂直居中效果...- 设置: 绝对 定位,子元素在 父 内 水平垂直居中(如果父是 body ,相当于页面水平垂直居中) 子元素 - 设置: 固定 定位,子元素在 页面 内 水平垂直居中 适用于:手动自定义设置子元素的水平垂直居中效果
一、 二叉树的顺序结构 普通的二叉树是不适合用数组来存储的,因为可能会存在大量的空间浪费。而完全二叉树更适合使用顺序结构存储。...一个左子节点索引 leftchild 和一个右子节点索引 rightchild,并且它们共享同一个父节点时,这意味着 rightchild = leftchild + 1。...但是,左孩子和右孩子之间并没有固定的大小关系。也就是说,左孩子可以大于、小于或等于右孩子,这都不会违反最大堆的定义。...这里的“2i + 1”和“2i + 2”分别表示节点i的左子节点和右子节点在数组中的位置(假设数组是从0开始索引的)。 这种特性使得堆成为一种非常有效的数据结构,特别是在实现优先队列等应用中。...向下调整法就是从父节点开始,通过与其子节点的比较和交换,确保父节点的值不大于(对于大根堆)或不小于(对于小根堆)其子节点的值。
为什么要用ConcurrentHashMap?...说到HashMap,应该都不陌生,但是说到ConcurrentHashMap,新手用过的应该比较少 HashMap本身是不适合多线程的,是没有并发安全保证的,为什么呢?...学过容器的人都知道,链表适合增加和删除概率 而数组适合查询 链表的缺陷就在于查询这里 而跳表就解决了这个缺陷,以空间换取时间,增加索引 在底层上一层一层的增加索引增加到满意为止 ?...在插入索引的时候掷骰子,这个节点是不是索引完全取决于掷骰子,每一层都掷骰子,为true就添加,为false就不添加,所以在计算机学中调表也叫概率数据结构 有了索引之后如果要在70之后增加数据只要查询3次就可以...我感觉好像读写分离呀,原有的线程在源容器中,写完之后改指针 适用场景 适用于读多写少的场景,比如白名单,黑名单,商品类目的更新 只能保证数据的最终一致性,不能保证实时一致性 作者:彼岸舞 时间:2021
-- 固定定位 --> 相对定位 相对定位:让元素相对于自己原来的位置,进行位置调整(可用于盒子的位置微调)。...相对定位,就两个作用: (1)微调元素 (2)做绝对定位的参考,子绝父相 相对定位的定位值 left:盒子右移 right:盒子左移 top:盒子下移 bottom:盒子上移 PS...以盒子为参考点 一个绝对定位的元素,如果父辈元素中也出现了已定位(无论是绝对定位、相对定位,还是固定定位)的元素,那么将以父辈这个元素,为参考点。 如下:(子绝父相) ? 以下几点需要注意。...(1) 要听最近的已经定位的祖先元素的,不一定是父亲,可能是爷爷: (2)不一定是相对定位,任何定位,都可以作为儿子的参考点: 子绝父绝、子绝父相、子绝父固,都是可以给儿子定位的。...定位了的元素,永远能够压住没有定位的元素。 (4)只有定位了的元素,才能有z-index值。也就是说,不管相对定位、绝对定位、固定定位,都可以使用z-index值。而浮动的元素不能用。
简述一下src与href的区别 src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。...当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。...rgba()和opacity都能实现透明效果,但最大的不同是opacity作用于元素,以及元素内的所有内容的透明度, 而rgba()只作用于元素的颜色或其背景色。...(设置rgba透明的元素的子元素不会继承透明效果!) px和em的区别? px和em都是长度单位,区别是,px的值是固定的,指定是多少就是多少,计算比较容易。...dom:only-child 选择属于其父元素的唯一子元素的每个 元素。 dom:nth-child(2) 选择属于其父元素的第二个子元素的每个 元素。
二.使用CSS的优势: (1).能够极大提高代码的简洁度: 在大型的页面中显现的尤为突出,通过引入外部样式表可以有效的减小页面体积,不但能够节省一定的带宽资源,也能够提高关键词和有效代码的比重,对搜索引擎优化有着巨大的作用...CSS样式规则的一些要点: 选择器用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式。 属性和属性值以“键值对”的形式出现。...是通过标签的style属性来设置的元素样式,只对其所在的标签及嵌套在其中的子标签起作用,适合于样式比较少的情况。...边框用于将边缘和其他框分开 margin:外边距,表示框的边缘与相邻框之间的距离,也称为页边空白 padding:内边距,表示框内容和边框之间的空间 一 边框的三种定义: 然后就是内边距 和外边距...z-index:auto | number auto:默认值 number:无单位的整数值,可为负数 z-index值越大的元素将叠加在z-index值小的元素上方
什么是ArrayList和Vector? ArrayList和Vector都是Java中的集合类,用于存储和操作一组对象。它们都实现了List接口,并且底层使用数组来保存数据。 2....为什么需要ArrayList和Vector? 在开发过程中,我们经常需要处理一组对象,例如存储用户列表、商品列表等。而数组的长度是固定的,无法动态扩展或缩小,因此不适合用来存储可变数量的对象。...当删除元素时,数组中的元素会向前移动填补被删除元素的位置。 ArrayList支持随机访问,通过索引快速获取指定位置的元素。...随机访问:由于底层使用数组实现,所以可以通过索引快速获取指定位置的元素。 6....总结 ArrayList和Vector都是动态数组,用于存储和操作一组对象。它们的主要区别在于线程安全性和性能方面。ArrayList适用于单线程环境,而Vector适用于多线程环境。
一个Slice类型的元素一般写作[]T,其中T代表slice中元素的类型。slice的语法和数组很像,只是没有固定长度而已。 数组和slice之间有着紧密的联系。...一个slice是一个轻量级的数据结构,提供了访问数组子序列(或者全部)元素的功能,而且slice的底层确实引用一个数组对象。 一个slice由三个部分构成:指针、长度和容量。...通常,数组的第一个元素从索引0开始,但是月份一般是从1开始的,因此我们声明数组时直接跳过第0个元素,第0个元素会被自动初始化为空字符串。...就像数组字面值一样,slice的字面值也可以按顺序指定初始化值序列,或者是通过索引和元素值指定,或者用两种风格的混合语法初始化。...第二个原因,因为slice的元素是间接引用的,一个固定的slice值(译注:指slice本身的值,不是元素的值)在不同的时刻可能包含不同的元素,因为底层数组的元素可能会被修改。
在第一次调用时,若指定了初始值 initialValue,其值则为数组索引为 0 的元素 array[0],否则为 array[1]。curIndex(可选):数组中正在处理的元素的索引。...若指定了初始值 initialValue,则起始索引号为 0,否则从索引 1 起始。array(可选):用于遍历的数组。...z-index值越大就越是在上层。z-index元素的position属性需要是relative,absolute或是fixed。...z-index属性在下列情况下会失效:父元素position为relative时,子元素的z-index失效。...em和rem相对于px更具有灵活性,他们是相对长度单位,其长度不是固定的,更适用于响应式布局。
领取专属 10元无门槛券
手把手带您无忧上云