摘要：
- 文档根元素``、拥有某些特殊样式（透明小于 1，`transform`不为`none`等）的元素会创建层叠上下文。- 未创建层叠上下文的元素会纳入上层的层叠上下文。[对 MDN 的上的例子的拓展](https://codepen.io/1010543618/pen/oVaOxP?&editable=true)```textRoot- DIV #1(z-index: 5)- DIV #2... 阅读全文
摘要：
```cssheight: 48px;line-height:16px;overflow: hidden;``` 阅读全文
摘要：
# 一：flex 大法## 步骤1. 设置外部容器 `display: flex;`2. 设置内部容器 `align-items: stretch;`## 原理> ## 示例 img1 120*200 img2 120*300 ... 阅读全文
摘要：
- 初始值：未提供指定值且未从父元素指定值继承的 CSS 属性的值。- 指定值：通过直接声明或 CSS 属性的值。- 计算值：通过需要计算得到的值，如，继承和相对的尺寸。（注意：有些计算要等到布局确定才能进行。）- 应用值：布局确定后计算得到的值，如，百分比的尺寸。- 实际值：实际值是应用值被应用后的近似值。如，一个用户代理可能只能渲染一个整数像素值的边框（实际值），并且该值可... 阅读全文
摘要：
- [在线预览](https://jsfiddle.net/1010543618/6zu1gush/)使用 [HTML 5 contenteditable 属性](http://www.w3school.com.cn/html5/att_global_contenteditable.asp) 阅读全文
摘要：
间隙产生的原因是`inline-block`对外是`inline`，对内是`block`。`inline`会将连续的空白符解析为一个空格（如：下面示例的两个`li`之间的后面的换行空格）。取消间隙的方法如下：```html Document 有间隙 首页 上一页 1 2 3 下一... 阅读全文
摘要：
# @规则[`@charset`](https://developer.mozilla.org/en-US/docs/Web/CSS/@charset) — Defines the character set used by the style sheet.[`@import`](https://developer.mozilla.org/en-US/docs/Web/CSS/@import) —... 阅读全文
摘要：
deleted 阅读全文
摘要：
# 预备知识## 1. 什么是使用 data-api 调用就是给所有带有`data-dismiss="alert"`的元素绑定点击事件```js// v3.x：$(document).on("click.bs.alert.data-api", dismiss, Alert.prototype.close);// v4.x：$(document).on( Event.CLICK_DATA_API,... 阅读全文
摘要：
今天看面试题看到了这个新名词。。我以前是没有发现过这种状况，应该是我一直都是将加载 CSS 的 link 标签写到 head 里的缘故吧。# 什么是文档样式闪烁（Flash Of Unstyled Content）？我的理解是先渲染了 DOM 然后加载 CSS，因为 CSS 样式的使用遵循层叠的原理，因此 DOM 元素就会多次赋予不同的样式，非常鬼畜。产生的途径可能因为 1. 加载 CSS 的位置... 阅读全文