首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

css入门(2)

一、基本选择器 1、元素选择器 元素选择器,就是“选中”相同元素,然后对相同元素设置同一个CSS样式。 语法: image.png 举例: <!...在这里我们可以看出,元素选择器就是选择相同元素,而不会选择其他元素,例如这段代码p元素和span元素就没有被选中,因此它们内容就没有变成红色。...2、id选择器 我们可以为元素设置一个id,然后针对这个id元素进行CSS样式操作。注意,在同一个页面,不允许出现两个相同id,这个就像没有哪两个人身份证号是相同道理一样。...(英文点号),否则选择器无法生效。类名前面加上“.”,表明这是一个class选择器。 举例1: <!...“.lv{color:red;}”表示选中class为lv所有元素,然后为这些元素设置CSS属性“color:red;”。

23930
您找到你想要的搜索结果了吗?
是的
没有找到

100个Linux命令(5)-LVM

LV(Logical Volume)逻辑卷 如果说VG是整合分区为硬盘,那么 LV 就是把这个硬盘重新分区,只不过分区是通过 VG 来划分。...从 VG 划分 LV,实际上是从 VG 划分 VG PE,只不过划分 LV 后它不在称为 PE,而是 LE。...在向 LV 存储数据时,有多种存储机制: 线性模式(linear):先写完来自于同一个 PV PE,再写来自于下一个 PV PE 条带模式(striped):一份数据拆分成多份,分别写入 LV.../dev 目录下管理了一个 VG 目录/dev/firstvg,不过要在创建了 LV目录才会创建,在 VG 创建 LV,将会在目录下生成链接文件指向/dev/dm 设备。...-11 10.31.48.png 扩容 LVM LVM最大优势就是其可伸缩性,伸缩性有更加偏重扩容。

4.3K40

JavaScript垃圾回收机制

如果分配内存非常多,回收工作也会很艰巨,确定垃圾回收时间间隔就变成了值得思考问题。垃圾回收基本思路:​编辑过程是周期性,每隔一个固定时间,就会自动运行程序。...编辑 此时变量已经不在需要,占用内存可以释放,以供后者使用。所以垃圾回收机制需要跟踪标记变量,并判定是否使用。如何标记未使用变量也许有不同实现方式。...编辑 给变量加标记方式有很多种。比如,当变量进入上下文时,反转某一位;或者可以维护“在上下文中”和“不在上下文中”两个变量列 表,可以把变量从一个列表转移到另一个列表。...如果同一个值又被赋给另一个变量,那么引用数加1。类似地,如果保存对值引用变量被其他 值给覆盖了,那么引用数减1。当一个引用数为0时,就说明没办 法再访问到这个值了,因此可以安全地收回其内存了。...引用计数在代码存在循环引用时会出现问题。解除变量引用不仅可以消除循环引用,而且对垃圾回收也有帮助。为促进内存回收,全局对象、全局对象属性和循环引用都应该在不需要时解除引用​

2.8K130

《数据库系统实现》学习笔记

0 关键字含义 关系:实际上是一张二维表,表每一行是一个元素,每一列是一项属性。 元组:指的是一个关系上属性笛卡尔积一个元素。大部分情况一下,我们可以理解为表一行数据。...为了选择最好查询计划,我们需要判断: 查询一个代数等价形式会为查询带来最有效算法。 对选中形式一个操作,应当使用什么算法实现。 数据如何一个操作传到另一个操作。...然后一个一个地读取R元组t,假如元组t在S,且计数不为0,则将计数减一,如果元组t不在S或在S计数为0,则输出。 在open方法阻塞 积 将S读入内存,不需要特殊结构。...如果输出块已满,则将它写入硬盘新位置,并归零输出块。 如果被取出最小元素所在块元素已耗尽,则取对应子表下一块,如果子表没有块,则保持缓冲区为空。 调至第二步,直到所有缓冲区为空。...对归并好R和S,使用两个缓冲区。一个给R的当前块,一个给S的当前块。重复以下步骤: 在当前R和S块找到Y最小值y。 如果y在另一个关系没有出现,那么就删除有关键字y元组。

2.5K20

10分钟内就可以学会几个CSS高招

响应式布局想法已经过去十多年了,因为越来越多浏览器进入市场,他们都以不同方式实现了 CSS,导致代码可以在一个浏览器运行,但在另一个浏览器,可能需要你编写一堆浏览器前缀,以使其在所有浏览器上都能正常工作...CSS 布局和位置相关所有内容都受框模型影响,如果你打开 chrome 开发工具,你可以看到如何在页面上任何元素计算框模型。 ?...它还在 HTML 中提供了有用注释,例如当一个元素导致另一个元素溢出时,Firefox 还为 flex 和网格布局提供了非常漂亮图形,谈到哪个布局或元素相对于彼此位置历来是最重要布局之一。...6、纵横比单线 现在,如果你曾经不得不编写保持特定纵横比响应式图像或视频,那么下一个技巧真的会让你大吃一惊,我最近不得不在 fireship.io 上这样做,以嵌入具有 16×9 纵横比视频,这需要...因此,如果你想拼接一个新标题,则必须手动重新编号所有内容,一个更智能方法可能是 CSS 计数器,你可以使用 counter reset 属性在代码创建一个计数器。

1.4K20

JavaScript垃圾回收

比如,当变量进入上下文时,反转某一位;或者可以维护“在上下文中”和“不在上下文中”两个变量列表,可以把变量从一个列表转移到另一个列表。标记过程实现 并不重要,关键是策略。...二、引用计数 另一种没那么常用垃圾回收策略是引用计数(reference counting)。其思路是对每个值都记录它被引用次数。声明变量并给它赋一个引用值时,这个值引用数为 1。...如果同一个值又被赋给另一个变量,那么引用数加 1。类似地,如果保存对值引用变量被其他值给覆盖了,那么引用数减 1。...为避免类似的循环引用问题,应该在确保不使用情况下切断原生 JavaScript 对象 DOM 元素之间连接。...解除变量引用不仅可以消除循环引用,而且对垃圾回收也有帮助。为促进内存回收,全局对象、全局对象属性和循环引用都应该在不需要时解除引用

42620

Swift 内存管理详解

一般每个被管理实例都会与一个引用计数器相连,这个计数器保存着当前实例被引用次数,一旦创建一个引用指向这个实例,引用计数器便加 1,每当指向实例引用失效,引用计数器便减 1,当某个实例引用计数器变成...这里定义了两个类,Customer 和 CreditCard,模拟了银行客户和客户信用卡,在这个例子,每一个类都是将另一个实例作为自身属性,所以会产生循环强引用。...两个实例 A 和 B,如果实例 A 必须在实例 B 存在前提下才能存在,那么实例 A 必须用 unowned 无主引用指向实例 B。也就是说,有强制依赖性那个实例必须对另一个实例持有无主引用。...无主引用以及隐市解析可选属性 还有一种情况,两个属性都必须有值,并且初始化完成之后永远不会为 nil。在这种情况下,需要一个类使用 unowned 无主引用,另一个类使用隐式解析可选属性。...捕获列表每一项都由一对元素组成,一个元素是 weak 或者 unowned 关键字,另一个元素是类实例引用(例如最常见得是 self),这些在方括号内用逗号隔开。

1.5K10

让我们学会使用 CSS 计数

什么是CSS计数器   计数器是css3提供一个强大工具,是一种可以让我们使用CSS给元素自动编号方法。使用它可以很方便对页面任意元素进行计数,实现类似于有序列表功能。...但有序列表相比,css计数器可以对任意元素计数,同时还可以实现个性化计数。...设置none将取消设置计数器;设置inherit将从元素元素处继承counter-reset值。counter-reset属性默认值为none。...计数初始值不是计数器显示时一个数字/值。这意味着如果希望计数器从1开始显示,则需要将counter-reset初始值设置为零。...如果我们使用counters()函数将点指定为分隔符,则它可能如下所示: content:counters(counterName,".");  如果希望嵌套计数器由另一个字符分隔,例如,如果希望它们显示为

1.2K30

Vue相关前端面试题,每道题都很经典~

⑧:为什么组件data属性值必须是一个函数?...Angular区别: ●Angular 1对比,Vue性能更加优越,Angular性能会随着watcher增加而变慢,而且Angular中一些watcher会出触发另一个更新,使得“脏检查循环...v-show对应值无论是true还是false,对应Html元素都会存在于浏览器文档;而v-if如果是false的话,直接不在文档中了。...keep-alive指令允许把切换出去组件保留在内存,并保留它状态或避免重新渲染。 Q 为什么组件data属性值必须是一个函数?...因为在一个组件被多次引用情况下,如果data值是一个Object的话,那么由于Object是一个引用类型,所以即使是组件被多次引用,而其实操作同一个对象,最终导致了引用组件所有位置都同步显示了

11K30

59道CSS面试题(附答案)

(3)如果一个元素浮动,则元素之前元素也需要浮动;否则,会影响页面显示结构(即通常所说串行现象)。 解决方法如下: (1)为父元素设置固定高度。...注意:CSS3新增属性有点类似于 relative fixed结合体。如果目标区域在屏幕可见,表现为 relative;如果目标区域在屏幕不可见,表现为fixed。...cm对应另一个长度单位是rem,是指相对于根元素(通常是HTML元素)字体大小。 33、什么叫优雅降级和渐进增强?两者有什么区别?...在同一个BFC,两个毗邻块级盒在垂直方向(和布局方向有关系) margin会发生折叠。 BFC决定元素如何对其内容进行布局,也决定与其他元素关系和相互作用。 40、谈谈你对C规范理解。...IFC线框一般左右都贴紧整个IFC,但是会被foat元素扰乱。同一个IFC下多个线框高度不同。

4.9K50

web前端开发初学者十问集锦(3)

1.divheight:100%没有效果,如何元素高度自动扩充为父元素高度? 我们经常使用元素width:100%和height:100%将元素宽度和高度扩充至父元素宽度和高度。...如果你想让这个div #demo里一个div #sub相对于#demo定位在右上角某个地方,应该给#demo相对定位,#sub绝对定位。...但是在使用内部样式表时候,style标签和script标签一样,可以放置在html文件anywhere,任何地方。 4.JavaScript如何获取html元素宽度和高度?...注意如果不是写在行内style属性都不能通过id.style.atrr来获取。...三、如果没有给 HTML 元素指定过 top 样式,则 style.top 返回是空字符串。 5.如何获取html元素样式,如内边距?

1.6K20

品味布隆过滤器 Bloom filter设计之美

检索时,我们只要看看这些点是不是都是 1 就(大约)知道集合中有没有它了:如果这些点有任何一个 0,则被检元素一定不在如果都是 1,则被检元素很可能在。...图片 ▍ 布隆过滤器支持删除吗 布隆过滤器其实并不支持删除元素,因为多个元素可能哈希到一个布隆过滤器同一个位置,如果直接删除该位置元素,则会影响其他元素判断。...// 如果索引处位为 0,表示对象不在布隆过滤器,返回 false。 if (!...原理解析这一节,我们已经知晓:布隆过滤器其实并不支持删除元素,因为多个元素可能哈希到一个布隆过滤器同一个位置,如果直接删除该位置元素,则会影响其他元素判断。...图片 虽然计数布隆过滤器可以解决布隆过滤器无法删除元素问题,但是又引入了另一个问题:“更多资源占用,而且在很多时候会造成极大空间浪费”。

2.1K41

关于浮动

浮动元素:浮动元素框可以向左或者向右移动,直到它外边缘碰到父元素包含框或者另一个浮动元素边框为止;浮动元素不在文档普通流之中,因此文档普通流块级元素感知不到浮动元素存在。...3、 有几种定位方式,分别是如何实现定位,参考点是什么,使用场景是什么? 三种定位方式: relative 相对定位。元素不脱离文档流。参考点:自身在文档流位置。...这时可以通过给元素设置z-index属性来控制叠放顺序,属性值越高,元素位置越靠上。 5、 position:relative和负margin都可以使元素位置发生偏移?二者有什么区别?...,并且这个独立盒子里布局不受外部影响,当然它也不会影响到外面的元素。...BFC特性: 内部Box会在垂直方向,从顶部开始一个一个地放置。 Box垂直方向距离由margin决定。属于同一个BFC两个相邻Boxmargin会发生叠加。

2K40

第4章 | 移动

如果想达到 C++ 程序相同状态(每个变量都保存一个独立结构副本),就必须调用向量 clone 方法,方法会执行向量及其元素深拷贝: let s = vec!...——译者注 笔记 哇哦,这也太酷了 4.2.2 移动控制流 前面的例子中都有非常简单控制流,那么如何在更复杂代码中移动呢?...在这条错误消息,Rust 还建议使用引用,因为你可能只是想访问元素而不是移动它,这通常确实是你想要做。但是,如果真想将一个元素移出向量怎么办呢?...for 循环内部机制会获取向量所有权并将其分解为元素。在每次迭代,循环都会将另一个元素转移给变量 s。由于 s 现在拥有字符串,因此可以在打印之前在循环体修改它。...使用引用计数管理内存一个众所周知问题是,如果有两个引用计数值是相互指向,那么其中一个值就会让另一个引用计数保持在 0 以上,因此这些值将永远没机会释放,如图 4-13 所示。

5410

控制名称空间使用

此输出不会在写入器设置任何名称空间相关属性,也不会在写入器中使用任何名称空间相关方法。...命名空间分配上下文效应为支持xml对象分配名称空间取决于对象是在顶层导出还是作为另一个对象属性导出。一个名为Address类。...控制一个元素是否局部于它元素默认情况下,当使用object()方法生成一个元素并且元素具有命名空间时,元素不是其父元素本地元素。相反,可以强制元素属于其父元素命名空间。...顶级元素对于在顶级导出InterSystems IRIS类相对应元素,适用以下规则:如果为类指定了Namespace参数,则元素位于命名空间中。...如果未在输出方法中指定命名空间,则元素位于编写器DefaultNamespace属性指定命名空间中。如果DefaultNamespace属性为空,则元素不在任何命名空间中。

1K10

前端面试之浏览器

加载文件:完成js引擎分析它语法词法是否合法,如果合法进入预编译 预编译:在预编译过程,浏览器会寻找全局变量声明,把它作为window属性加入到window对象,并给变量赋值为’undefined...HTML 这些带有视觉指令样式信息将用于创建另一个树结构:渲染树。 渲染树包含多个带有视觉属性(如颜色和尺寸)矩形。这些矩形排列顺序就是它们将在屏幕上显示顺序。...重排/回流(Reflow):当DOM变化影响了元素几何信息,浏览器需要重新计算元素几何属性,将其安放在界面正确位置,这个过程叫做重排。表现为重新生成布局,重新排列元素。...进程和线程区别联系 【区别】: 调度:线程作为调度和分配基本单位,进程作为拥有资源基本单位; 并发性:不仅进程之间可以并发执行,同一个进程多个线程之间也可并发执行; 拥有资源:进程是拥有资源一个独立单位...进程亲缘关系通常是指父子进程关系。 高级管道(popen):将另一个程序当做一个进程在当前程序进程启动,则它算是当前程序子进程,这种方式我们成为高级管道方式。

58620

JavaScript 进阶

所谓垃圾回收, 核心思想就是如何判断内存是否已经不再会被使用了, 如果是, 就视为垃圾, 释放掉 下面介绍两种常见浏览器垃圾回收算法: 引用计数法 和 标记清除法 引用计数 IE采用引用计数算法,...算法: 跟踪记录每个值被引用次数。 如果这个值被引用了一次,那么就记录次数1 多次引用会累加。 如果减少一个引用就减1。 如果引用次数是0 ,则释放内存。 引用计数算法是个简单有效算法。...{} 用于批量声明变量,右侧对象属性值将被赋值给左侧变量 对象属性值将被赋值给与属性名相同变量 对象找不到变量名一致属性时变量值为 undefined 允许初始化变量默认值,属性不存在或单元值为...Man.prototype = People //如果我们给男人添加了一个吸烟方法,发现女人自动也添加这个方法 //男人和女人都同时使用了同一个对象,根据引用类型特点,他们指向同一个对象,修改一个就会都影响...,并且这种关联关系是一种链状结构,我们将原型对象链状结构关系称为原型链 原型链-查找规则: 当访问一个对象属性(包括方法)时,首先查找这个对象自身有没有属性

1.2K20

CSS伪类元素「建议收藏」

也就是说,伪类和伪元素是用来修饰不在文档树部分,比如,一句话一个字母,或是列表一个元素,又或者是鼠标悬停在某个超链接上时要设置样式。 什么是伪类,伪元素?...虽然它和普通css类相似,可以为已有的元素添加样式,但是它只有处于dom树无法描述状态下才能为元素添加样式,所以将其称为伪类。 伪元素:用于创建一些不在文档树元素,并为其添加样式。...在用户交互过程中元素状态是动态变化,因此元素会根据其状态呈现不同样式。当元素处于某状态时会呈现样式,而进入另一状态后,样式也会失去。...::selection匹配用户被用户选中或者处于高亮状态部分 ::placeholder匹配占位符文本,只有元素设置了placeholder属性时,元素才能生效 注意:你会发现伪类元素使用了两个冒号...:使用CSS实现计数器,用到属性有 counter-reset: 属性设置某个选择器出现次数计数值。

1.5K21

iOS 内存管理相关面试题

OC内存管理基本思想: 保证任何时候指向对象指针个数和对象引用计数相同,多一个指针指向这个对象这个对象引用计数就加1,少一个指针指向这个对象这个对象引用计数就减1。...答:autorelease实际上只是把对release调用延迟了,对于每一个Autorelease,系统只是把Object放入了当前 Autoreleasepool,当pool被释放时,pool...当有多个线程需要访问到同一个数据时,OC,我们可以使用 @synchronized (变量)来对变量进行加锁(加锁目的常常是为了同步或保证原子操作)。...retain (相当于 __strong) 假定有N个指针指向同一个对象,如果至少有一个是强引用,这个对象只要还在作用域内就不会被释放。...1.set方法没有retain对象 2.没有release掉旧对象 3.没有判断向set方法传入是否是同一个对象 如何正确重写set方法?

1.5K30

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券