大志笔记

相信使用过<video>标签的都知道，<video>标签在pc端跟手机端显示的样式并不一样，而且还有个很蛋疼的就是微信中内置的浏览器，播放的时候会自动全屏问题。 接下来我们通过例子来分析下使用过程中可能碰到的一些问题，供大家参考。 这是代码，只加了controls="contr…

配图是小孩叠的积木，觉得刚好符合这个主题，所以就拿来做封面了哈。 CSS权重，我们可以简单理解为CSS优先级。来看下MDN官网对优先级的描述： 运行后，可以看到p标签文本的颜色为蓝色。 那么为什么会是蓝色的？这就是CSS权重来决定的。决定最终用哪个样式作用到该p标签上。 上面代…

开关组件是我们在移动端页面很常用的一个组件，特别是在一些设置页面。 今天我们就用纯CSS来实现这样一个组件。 首先，我们先分析一下原理，其实就是使用<label>标签配合<input type=checkbox />复选框来实现的，label的for属性会间接触发checkbo…

border边框属性可以说是我们在网页布局中最常用不过的一个属性之一。border它不只是边框，它还有很多非常有用的“黑魔法”哈，让我们一起来学习一下。 是不是剩下4个不同颜色不同方向的三角形了，继续往下看，一起来见证下border的黑魔法。 ... 下面代码都会用简写的形式。…

顾名思义，即影子DOM，看不见摸不着，我们无法直接控制操纵的DOM结构。 A shadow host is an element that hosts one or more node trees. A shadow tree is a node tree hosted by …