摘要:
弹性盒子 弹性盒子是一种用于按行或按列布局元素的一维布局方法 。元素可以膨胀以填充额外的空间, 收缩以适应更小的空间。 本文将解释所有的基本原理。 为什么是 弹性盒子? 长久以来,CSS 布局中唯一可靠且跨浏览器兼容的创建工具只有 floats 和 positioning。这两个工具大部分情况下都很 阅读全文
摘要:
默认情况下,元素是如何布局的? 首先,取得元素的内容来放在一个独立的元素盒子中,然后在其周边加上内边距、边框和外边距 就是我们之前看到的盒子模型。 默认的,一个块级元素的内容宽度是其父元素的100%,其高度与其内容高度一致。内联元素的height width与内容一致。你无法设置内联元素的heigh 阅读全文
摘要:
盒模型 在 CSS 中,所有的元素都被一个个的“盒子(box)”包围着,理解这些“盒子”的基本原理,是我们使用CSS实现准确布局、处理元素排列的关键。 本文围绕 “盒模型” 为主题展开。旨在于完成学习后,您能够在“理解盒装模型原理”的基础上,完成更加复杂的布局任务。 块级盒子(Block box) 阅读全文
摘要:
关系选择器 我们要了解的最后一种选择器被命名为关系选择器(Combinator),这是因为它们在其他选择器之间和其他选择器与文档内容的位置之间建立了一种有用的关系的缘故。 后代选择器 后代选择器——典型用单个空格( )字符——组合两个选择器,比如,第二个选择器匹配的元素被选择,如果他们有一个祖先(父 阅读全文
摘要:
什么是伪类? 伪类是选择器的一种,它用于选择处于特定状态的元素,比如当它们是这一类型的第一个元素时,或者是当鼠标指针悬浮在元素上面的时候。它们表现得会像是你向你的文档的某个部分应用了一个类一样,帮你在你的标记文本中减少多余的类,让你的代码更灵活、更易于维护。 伪类就是开头为冒号的关键字: :pseu 阅读全文
摘要:
属性选择器 CSS 属性选择器通过已经存在的属性名或属性值匹配元素。 /* 存在title属性的<a> 元素 */ a[title] { color: purple; } /* 存在href属性并且属性值匹配"https://example.org"的<a> 元素 */ a[href="https: 阅读全文
摘要:
CSS选择器 CSS中,选择器用来指定网页上我们想要样式化的HTML元素。有CSS选择器提供了很多种方法,所以在选择要样式化的元素时,我们可以做到很精细的地步。本文和本文的子篇中,我们将会详细地讲授选择器的不同使用方式,并了解它们的工作原理。 目标:详细学习CSS选择器的工作方式。 CSS选择器是C 阅读全文
摘要:
题目来源:160. 相交链表 注意:这个题下面给的示例和提示与描述容易让人琢磨不透,还是需要根据代码框里给的参数说明看出来还是按照题目描述来 /** * @param {ListNode} headA * @param {ListNode} headB * @return {ListNode} */ 阅读全文
摘要:
来源:层叠与继承 本文旨在让你理解CSS的一些最基本的概念——层叠、优先级和继承——这些概念决定着如何将CSS应用到HTML中,以及如何解决冲突。 目标:学习层叠、优先级,以及在CSS中继承是如何工作的。 冲突规则 CSS代表层叠样式表(Cascading Style Sheets),理解第一个词c 阅读全文
摘要:
题目来源:525. 连续数组 给定一个二进制数组 nums , 找到含有相同数量的 0 和 1 的最长连续子数组,并返回该子数组的长度。 /** * @param {number[]} nums * @return {number} */ var findMaxLength = function(n 阅读全文