CSS魔法

## 花絮与注解 #### 第 119 页 ‧ 脚注 > 很多焦头烂额的开发者甚至向 CSS 工作组申请增加 `::nth-line()` 这样的伪元素，不过由于性能上的考量被拒绝了。 原文的说法是 “... an `:nth-line()` pseudo-class ...”，称其为 “伪类”。 但实际上如果真的有这种东西，那它应该是个 “伪元素”。

## 花絮与注解 #### 第 117 页 ‧ 图 5-6 >  这张图故意画得比较宽，表示还有很多的水平空间可以放置内容。 ## 交流与答疑 #### 知乎网友提问： > https://www.zhihu.com/question/46744302 > > 用 `` 做包裹加了很多 CSS 样式到底有没有必要？用 `` 加上 `` 的方式一样可以很好的实现。有必要写这么复杂吗？这样写的原因在哪里？半新人求大神帮忙解析一下。...

## 花絮与注解 #### 第 113 页 ‧ 第三段 > 常见的方法包括服务器端预处理、JavaScript 后期处理、用在线生成器单独处理…… 这里的 “在线生成器” 是指帮忙插入软连字符的在线工具。

## 花絮与注解 #### 第 93 页 ‧ 第一段 > 为一幅灰度图片（或是被转换为灰度模式的彩色图片）增加染色效果（color tint）…… “color tint” 在 Photoshop 中译作 “着色”。 #### 第 95 页 ‧ 第一个代码块 > ```html > > > > ```...

## 花絮与注解 #### 第 70 页 · 底部 “关于未来” 区块 > 未来，我们再也不需要费尽心机地动用 CSS 渐变、裁切或 SVG 来实现这个效果了。CSS 背景与边框（第四版）将引入一个全新的属性 `corner-shape`，可以彻底解决这个痛点。 我在第二届 CSS Conf（CSS 开发者大会）上作了一个名为[《重拾 CSS 的乐趣》]()的演讲。在这个演讲的下半部分，我提到了 “内凹圆角” 效果。 > 《重拾 CSS 的乐趣》幻灯片截图...

## 花絮与注解 #### 第 31 页 · 第一行 > 或者是 30°？又或者是 3.1415926535°？ 咦？这个值不就是 _π_ 嘛！当然这个值在这里并没有什么特殊意义，作者只是在卖萌。 #### 第 31 页 · 倒数第三段 > 这里的 `background-size` 是初始值，对渐变来说就是以整个元素的范围进行填充。 `background-size` 属性的初始值是 `auto auto`。此时，如果背景图像是普通位图，则 `background-size`...

## 花絮与注解 #### 第 18 页 · 第一段 > 相信你以前肯定尝试过 CSS 中的半透明颜色，比如 `rgba()` 和 `hsla()`。半透明颜色是 2009 年发生的一场重大变革。 RGBA 与 HSLA 颜色是在 “CSS Color Module Level 3” 这个规范模块中定义的。这个规范的最终确立主要经历了两个阶段。 在 2003 年及以前，这个规范模块叫作...

## 花絮与注解 #### 第 xx 页 · 第一个列表项 > 在增强网页设计效果时，你会使用生成性内容，而不是依赖冗余的标签和图片。 “生成性内容” 是指在文档结构中不存在的、由 CSS 生成的内容。比如 `::after` 等伪元素就是最典型的生成性内容。 #### 第 xxii 页 · 最后一段 > 我们只会用到一个工具函数——`$$()`。它可以让我们更容易地获取和遍历所有匹配特定 CSS 选择符的 DOM 元素。 这个函数的作用类似于 jQuery...

## 全书通用语境 #### “灵活”（Flexible） 这个词通常表示在纯粹的代码层面就可以改动某个效果。 ## 注解与花絮 #### 第 xiii 页 · 第一段 > 正如 JavaScript 在 2004 年前后所经历的那场革命 在 2004 至 2005 年间，Google 通过其 Gmail 和 Google Maps 等...

||| ---|--- **项目周期** | 2020.11～2020.12 **所在公司** | OC **角色** | 产品经理 / 架构师 ## 概述 “研发中台” 是 OC 公司自研的持续交付 PaaS 平台，具备应用管理、构建部署、资产管理等功能，具备虚拟机与容器两种部署能力，底层对接 GitLab、Jenkins、K8s 等系统，上层为用户提供管理界面。v1 已实现底层对接能力，但功能体验欠佳，落地受阻；v2 由本人发起，着重改善用户端的易用性。 ### 职责 * 向 CTO...