前端开发者学堂 - fedev.cn

网站标签

动画、 前端、 教程、 CSS、 HTML5、 React、 Vue、 JavaScript、 Sass、 PostCSS、

---

网站描述

前端开发者学堂致力于为前端开发者提供最新的CSS、HTML5、JavaScript、Node.js、Vue、React和动画等前端技术文章和教程。我们的目标是通过共同学习、进步和分享，打造优秀的前端学习平台。在前端开发者学堂，你将找到丰富的教程资源，帮助你掌握最新的前端技术趋势，提升你的前端开发能力。无论你是初学者还是经验丰富的开发者，前端开发者学堂都是你学习和成长的理想场所，加入我们，一起探索前端世界的无限可能！

---

上一篇：AI大模型视频剪辑矩阵系统

下一篇：广东圆合规划建筑设计事务所有限公司

seo综合信息

SEO信息	百度来访IP：15 | 移动端来访IP：0~0 | 出站链接：0 | 站内链接：0
IP网速：	IP地址：39.107.221.22 [中国北京北京 阿里云] | 网速：500毫秒
ALEXA排名	世界排名：- | 预估IP：- | 预估PV：-
备案信息	湘B2-20110104 | 名称：衡阳市雅米信息技术有限公司 | 已创建：13年4月7天

收录	百度	360	搜狗	谷歌
查询	96900	124	0	0

电脑关键词	手机关键词	页面友好	首页位置	索引	近期收录
26	0	电脑端优秀	1	0	0

协议类型HTTP/1.1 200 OK 页面类型text/html; charset=utf-8 服务器类型Apache 是否压缩是 原网页大小36343 压缩后大小9691 压缩比73.33%

网站快照

前 端 开 发 者 学 堂 f e d e v . c n 首 页 大 会 视 频 新 会 员 专 栏 C S S J a v a S c r i p t M o b i l e S V G 标 签 云 搜 索 S e a r c h 发 布 于 6 个 月 前 我 的 小 册 大 漠 阅 读 全 文 # C S S # C S S 新 特 性 # 总 结 发 布 于 8 个 月 前 现 代 C S S 你 知 道 多 少 现 代 C S S （ M o d e r n C S S ） 应 该 是 2 0 2 3 年 前 端 圈 热 门 话 题 之 一 ， 在 最 近 的 C S S D a y 活 动 上 也 有 这 个 话 题 。 另 外 在 社 区 中 也 不 乏 现 代 C S S 的 讨 论 以 及 如 何 使 用 现 代 C S S 特 性 来 编 写 和 组 织 C S S 代 码 ， 以 及 如 何 使 用 现 代 C S S 技 术 更 好 的 构 建 出 可 扩 展 ， 未 来 更 友 好 的 W e b 项 目 。 大 漠 阅 读 全 文 # C S S # c o l o r 发 布 于 1 1 个 月 前 C S S 颜 色 设 置 透 明 度 的 新 姿 势 在 C S S 中 ， 我 们 有 很 多 种 方 式 为 元 素 设 置 透 明 度 ， 常 见 的 是 给 元 素 设 置 透 明 度 和 给 颜 色 设 置 透 明 度 ， 不 同 的 方 式 将 会 带 来 不 一 样 的 效 果 。 那 么 今 天 ， 我 们 就 一 起 来 聊 聊 C S S 中 的 不 透 明 度 。 感 兴 趣 的 同 学 ， 请 继 续 往 下 阅 读 。 大 漠 阅 读 全 文 # C S S # C S S 新 特 性 发 布 于 1 1 个 月 前 C S S I n 2 0 2 3 最 近 G o o g l e I / O 大 会 开 的 是 热 火 朝 天 ， 我 也 一 直 在 关 注 与 W e b U I 和 C S S 有 关 的 话 题 。 这 不 ， 在 @ U n a K r a v e t s 、 @ B r a m u s 和 @ A d a m A r g y l e 在 C h r o m e 开 发 者 博 客 上 就 推 出 一 篇 关 于 这 方 面 的 文 章 ， 即 W h a t s n e w i n C S S a n d U I : I / O 2 0 2 3 E d i t i o n 。 在 这 篇 文 章 中 介 绍 了 有 关 于 W e b U I 和 C S S 方 面 的 近 2 0 个 新 特 性 ， 这 2 0 个 新 特 性 都 是 最 近 推 出 或 即 将 推 出 的 ， 而 且 是 最 令 人 兴 奋 和 具 有 影 响 力 的 功 能 。 那 么 ， 我 以 我 自 己 的 视 角 来 加 工 一 下 ， 感 兴 趣 的 同 学 请 继 续 往 下 阅 读 （ 你 也 可 以 点 击 这 里 跳 转 到 原 文 进 行 阅 读 ） 。 大 漠 阅 读 全 文 # C S S 发 布 于 1 1 个 月 前 防 御 式 C S S 精 讲 如 何 使 自 己 构 建 的 U I 或 编 写 的 C S S 代 码 更 具 防 御 性 （ 健 壮 性 ） ， 确 保 还 原 的 U I 在 不 同 的 条 件 下 都 能 工 作 ， 不 打 破 W e b 布 局 或 W e b U I ， 是 每 位 专 业 的 W e b 前 端 开 发 者 必 备 的 技 能 。 这 本 小 册 从 “ 防 御 式 ” 角 度 出 发 ， 分 析 了 布 局 、 U I 效 果 、 媒 体 对 象 、 交 互 体 验 等 多 种 场 景 下 编 写 C S S 的 注 意 事 项 ， 你 可 以 把 它 当 作 C S S 技 巧 集 合 或 C S S 魔 法 集 合 ！ 大 漠 阅 读 全 文 # L a y o u t # 布 局 # C S S 发 布 于 1 7 个 月 前 我 的 第 一 本 小 册 ： 现 代 W e b 布 局 已 经 很 久 没 有 看 到 有 一 本 关 于 W e b 布 局 的 书 了 。 我 在 一 些 平 台 上 搜 索 了 一 下 ， 关 于 W e b 布 局 方 面 的 书 还 是 停 留 在 多 年 以 前 ， 比 如 D I V + C S S 方 面 的 。 基 于 这 个 原 因 ， 几 年 前 我 就 开 始 想 写 一 本 关 于 W e b 布 局 方 面 的 书 。 有 一 次 有 月 影 姐 姐 聊 了 一 下 我 自 己 的 想 法 ， 我 说 想 写 一 本 关 于 现 代 W e b 布 局 方 面 的 小 册 ， 后 来 得 到 月 影 姐 姐 的 支 持 和 鼓 励 ， 就 有 了 现 在 这 本 小 册 ！ 经 过 三 个 多 月 的 全 职 时 间 创 作 ， 该 小 册 已 经 接 近 尾 声 ， 现 在 面 向 大 家 ！ 希 望 大 家 能 喜 欢 ！ 大 漠 阅 读 全 文 # C S S # 布 局 # L a y o u t 发 布 于 2 0 个 月 前 创 意 性 的 C S S 布 局 和 灵 活 W e b 2 0 2 2 年 C S S D a y 于 2 0 2 2 年 6 月 9 日 和 1 0 日 在 阿 姆 斯 特 丹 举 行 ， 这 是 时 隔 三 年 后 再 次 举 办 的 一 次 有 关 于 C S S 主 题 的 盛 会 （ 上 一 届 是 2 0 1 9 年 ） 。 今 年 的 C S S D a y 一 共 有 1 4 个 关 于 C S S 方 面 的 话 题 ， 其 中 有 几 个 话 题 是 非 常 有 意 思 的 ， 比 如 L e a V e r o u 的 《 C S S V a r i a b l e S e c r e t s 》 、 B r a m u s V a n D a m m e 的 《 T h e C S S C a s c a d e , a d e e p d i v e 》 、 A d a m A r g y l e 的 《 O h S n a p ! 》 和 M i c h e l l e B a r k e r 的 《 C r e a t i v e C S S L a y o u t 》 。 就 我 个 人 而 言 ， M i c h e l l e B a r k e r 的 《 C r e a t i v e C S S L a y o u t 》 话 题 我 最 为 感 兴 趣 ， 该 话 题 围 绕 着 C S S 的 一 些 新 技 术 给 W e b 布 局 带 来 的 变 化 而 展 开 。 如 果 用 一 句 话 来 描 述 的 话 ， 就 是 C S S 的 新 特 性 可 以 构 建 具 有 创 造 性 的 、 灵 活 的 W e b 布 局 。 在 接 下 来 的 内 容 中 ， 我 们 一 起 来 看 看 这 个 主 题 中 所 阐 述 的 观 点 和 内 容 ， 如 果 你 感 兴 趣 的 话 ， 请 继 续 往 下 阅 读 。 大 漠 阅 读 全 文 # C S S # b a c k g r o u n d # 图 解 C S S # 会 员 专 栏 发 布 于 2 1 个 月 前 图 解 C S S ： C S S 背 景 ( P a r t 3 ) 前 面 已 经 花 了 两 篇 的 篇 幅 （ 《 C S S 背 景 ： P a r t 1 和 P a r t 2 》 ） 介 绍 完 了 除 b a c k g r o u n d s i z e 之 外 的 所 有 b a c k g r o u n d 子 属 性 的 特 性 以 及 使 用 。 众 所 周 之 ， 在 W e b 中 对 于 引 入 的 图 片 ， 我 们 可 以 显 式 使 用 w i d t h 、 h e i g h t 、 a s p e c t r a t i o 或 o b j e c t f i t 等 属 性 来 调 整 图 片 尺 寸 ， 但 对 于 背 景 图 片 ， 我 们 只 能 使 用 b a c k g r o u n d s i z e 来 进 行 调 整 。 那 么 b a c k g r o u n d s i z e 是 如 何 决 定 背 景 图 片 尺 寸 的 计 算 呢 ？ 如 果 你 感 兴 趣 的 话 ， 这 篇 文 章 可 以 告 诉 你 很 多 不 为 人 知 的 答 案 。 大 漠 阅 读 全 文 # C S S # b a c k g r o u n d # 图 解 C S S # 会 员 专 栏 发 布 于 2 1 个 月 前 图 解 C S S : C S S 背 景 ( P a r t 2 ) 在 第 一 部 分 主 要 和 大 家 一 起 探 讨 了 C S S b a c k g r o u n d 属 性 中 的 b a c k g r o u n d i m a g e 、 b a c k g r o u n d r e p e a t 、 b a c k g r o u n d a t t a c h m e n t 等 属 性 。 今 天 接 着 和 大 家 一 起 来 探 讨 其 另 外 三 个 子 属 性 ， 即 b a c k g r o u n d p o s i t i o n 、 b a c k g r o u n d c l i p 和 b a c k g r o u n d o r i g i n 。 感 兴 趣 的 同 学 请 继 续 往 下 阅 读 ！ 大 漠 阅 读 全 文 # C S S # b a c k g r o u n d # 图 解 C S S # 会 员 专 栏 发 布 于 2 1 个 月 前 图 解 C S S : C S S 背 景 ( P a r t 1 ) 背 景 （ b a c k g r o u n d ） 是 C S S 中 最 常 见 也 是 最 基 础 的 一 个 属 性 ， 它 自 C S S 1 . 0 版 本 就 开 始 有 了 。 最 早 的 时 候 我 们 可 以 通 过 b a c k g r o u n d 给 一 个 元 素 盒 子 的 背 景 层 设 置 背 景 颜 色 （ b a c k g r o u n d c o l o r ） 、 背 景 图 像 （ b a c k g r o u n d i m a g e ） 。 如 果 是 背 景 图 像 的 话 ， 还 可 以 调 整 背 景 图 像 的 位 置 （ b a c k g r o u n d p o s i t i o n ） 、 设 置 背 景 图 像 的 平 铺 方 式 （ b a c k g r o u n d r e p e a t ） 以 及 背 景 图 像 在 背 景 层 的 依 附 模 式 （ b a c k g r o u n d a t t a c h m e n t ） 。 不 过 ， 随 着 C S S 技 术 不 断 向 前 发 展 ， C S S 为 开 发 者 提 供 了 一 些 新 特 性 用 来 控 制 背 景 图 像 ， 比 如 背 景 图 像 的 大 小 （ b a c k g r o u n d s i z e ） 、 背 景 图 像 的 剪 切 （ b a c k g r o u n d c l i p ） 、 背 景 图 像 的 定 位 区 域 （ b a c k g r o u n d o r i g i n ） 以 及 给 同 一 个 元 素 盒 子 设 置 多 个 背 景 。 除 此 之 外 ， C S S 还 为 b a c k g r o u n d 的 一 些 老 属 性 新 增 了 功 能 ， 比 如 b a c k g r o u n d p o s i t i o n 可 以 指 定 四 个 值 ， 通 过 方 向 设 置 背 景 图 像 的 位 置 ， b a c k g r o u n d r e p e a t 多 了 几 种 不 同 的 平 铺 方 式 。 另 外 ， C S S 还 可 以 使 用 b a c k g r o u n d b l e n d m o d e 属 性 来 设 置 不 同 的 混 合 模 式 ， 从 而 改 变 背 景 图 像 的 效 果 。 大 漠 阅 读 全 文 # C S S # 图 解 C S S # o v e r f l o w # t e x t o v e r f l o w # 会 员 专 栏 发 布 于 2 2 个 月 前 图 解 C S S ： C S S 溢 出 ( P a r t 2 ) 在 第 一 部 分 主 要 和 大 家 聊 了 C S S 溢 出 的 概 念 和 理 论 相 关 的 ， 在 第 一 部 分 主 要 以 实 例 ， 问 题 排 查 和 常 见 溢 出 问 题 三 个 部 分 展 开 。 在 构 建 W e b 页 面 或 应 用 的 时 候 ， 总 是 避 免 不 了 给 容 器 设 置 一 个 具 有 约 束 性 的 尺 寸 ， 有 的 时 候 ， 因 为 容 器 没 有 足 够 的 空 间 来 容 纳 内 容 ， 从 而 造 成 内 容 溢 出 容 器 ， 严 重 的 会 打 破 W e b 布 局 ， 干 扰 页 面 的 美 观 。 为 了 让 这 些 现 象 能 不 干 扰 W e b 布 局 ， 所 以 需 要 C S S 溢 出 特 性 。 除 此 之 外 ， 我 们 在 构 建 一 些 W e b 组 件 和 实 现 一 些 U I 效 果 ， 也 需 要 依 赖 C S S 溢 出 特 性 。 那 么 接 下 来 ， 我 们 来 看 一 些 溢 出 相 关 的 案 例 。 大 漠 阅 读 全 文 # C S S # 图 解 C S S # o v e r f l o w # t e x t o v e r f l o w # 会 员 专 栏 发 布 于 2 3 个 月 前 图 解 C S S ： C S S 溢 出 ( P a r t 1 ) 溢 出 是 C S S 中 的 另 一 个 重 要 的 概 念 。 从 图 解 C S S 系 列 的 《 C S S 盒 模 型 》 和 《 元 素 尺 寸 的 设 置 》 中 可 以 得 知 ， W e b 上 的 内 容 都 是 放 置 在 一 个 具 有 一 定 大 小 的 盒 子 中 。 在 某 些 情 况 下 ， 盒 子 大 小 是 有 限 制 的 ， 有 可 能 内 容 会 超 出 这 些 盒 子 ， 在 C S S 中 ， 这 种 现 象 被 称 为 溢 出 。 而 且 W 3 C 的 C S S 工 作 小 组 专 门 为 溢 出 划 为 一 个 独 立 的 模 块 。 在 这 一 章 中 ， 将 和 大 家 一 起 探 讨 C S S 溢 出 模 块 相 关 的 话 题 。 比 如 ， 什 么 是 溢 出 ？ 什 么 情 况 下 会 导 致 溢 出 ？ 如 何 使 用 C S S 来 控 制 溢 出 等 等 。 大 漠 阅 读 全 文 # C S S # R e s p o n s i v e # C S S 函 数 # 会 员 专 栏 发 布 于 2 4 个 月 前 C S S 比 较 函 数 构 建 响 应 式 U I 在 C S S 中 说 起 函 数 ， 我 想 很 多 人 首 先 想 到 是 c a l c ( ) 数 学 运 算 函 数 ， 其 实 在 C S S 中 有 很 多 种 不 同 类 型 的 函 数 ， 有 些 “ C S S 函 数 ” 可 以 在 C S S 中 用 于 动 态 计 算 ， 比 如 c a l c ( ) 函 数 ， 计 数 器 函 数 c o u n t e r ( ) 和 c o u n t e r s ( ) 和 C S S 比 较 函 数 m i n ( ) 、 m a x ( ) 和 c l a m p ( ) 。 尤 其 是 c a l c ( ) 、 m i n ( ) 、 m a x ( ) 和 c l a m p ( ) 这 几 个 函 数 ， 在 现 代 W e b 开 发 中 所 起 的 作 用 越 来 越 大 ， 使 用 的 场 景 越 来 越 多 ， 带 来 的 灵 活 性 和 扩 展 性 越 来 越 强 。 那 么 在 这 篇 文 章 中 ， 我 们 主 要 和 大 家 一 起 来 探 讨 C S S 比 较 函 数 在 实 际 开 发 中 能 用 在 哪 些 地 方 ？ 又 是 如 何 帮 助 前 端 构 建 响 应 式 U I ？ 感 兴 趣 的 同 学 请 继 续 往 下 阅 读 。 大 漠 阅 读 全 文 # C S S # C S S 选 择 器 # 会 员 专 栏 发 布 于 2 年 前 C S S 的 父 选 择 器 : h a s ( ) W 3 C 的 S e l e c t o r s L e v e l 4 新 增 了 很 多 强 大 的 C S S 选 择 器 。 早 在 2 0 1 8 年 年 底 就 在 《 初 探 C S S 选 择 器 L e v e l 4 》 一 文 中 和 大 家 一 起 探 讨 了 这 些 选 择 器 。 在 这 些 新 选 择 器 中 ， 最 为 有 意 思 的 是 “ 逻 辑 组 合 选 择 器 ” ， 即 “ 任 意 匹 配 伪 类 选 择 器 : i s ( ) 、 否 定 （ 匹 配 无 ） 伪 类 选 择 器 : n o t ( ) 、 选 择 器 权 生 调 整 伪 类 选 择 器 : w h e r e ( ) 和 关 系 性 （ 父 选 择 器 ） 伪 类 选 择 器 : h a s ( ) 。 尤 其 是 关 系 性 伪 类 选 择 器 : h a s ( ) ， 它 和 C S S 容 器 查 询 在 近 十 多 年 来 一 直 成 为 W e b 开 发 者 期 待 的 C S S 功 能 之 一 。 在 这 篇 文 章 中 ， 我 将 和 大 家 一 起 来 探 讨 什 么 是 关 系 性 伪 类 选 择 器 （ 又 称 父 选 择 器 ） 以 及 它 是 如 何 工 作 的 ， 并 且 将 会 通 过 一 些 示 例 来 阐 述 该 选 择 器 可 以 在 哪 里 ， 最 重 要 的 是 我 们 现 在 如 何 使 用 它 。 大 漠 阅 读 全 文 # R e s p o n s i v e # C S S # 容 器 查 询 # 布 局 # L a y o u t 发 布 于 2 年 前 下 一 代 响 应 式 W e b 设 计 ： 组 件 驱 动 式 W e b 设 计 自 从 著 名 设 计 师 E t h a n M a r c o t t e （ @ b e e p ） 在 A L i s t A p a r t 上 发 表 了 一 篇 名 为 《 R e s p o n s i v e W e b D e s i g n 》 的 文 章 之 后 ， 响 应 式 网 页 设 计 （ R W D ， 即 R e s p o n s i v e W e b D e s i g n ） 的 身 影 就 出 现 在 了 公 众 面 前 。 自 此 就 有 了 响 应 式 W e b 设 计 这 个 概 念 。 从 提 出 这 个 概 念 到 今 天 已 经 有 十 多 年 的 时 间 了 。 在 这 十 多 年 来 ， C S S 也 发 生 了 巨 大 的 变 化 ， 新 增 了 很 多 新 的 特 性 ， 近 两 年 尤 其 如 此 （ 详 细 请 参 阅 《 2 0 2 2 年 的 C S S 》 一 文 ） 。 这 些 变 化 ， 对 于 响 应 式 W e b 设 计 的 开 发 也 有 较 大 的 改 变 。 U n a K r a v e t s （ @ U n a ） 大 神 ， 在 2 0 2 1 的 G o o g l e I / O 大 会 上 的 分 享 ， 提 出 新 的 响 应 式 ： 组 件 驱 动 式 W e b 设 计 。 W e b 生 态 即 将 进 入 响 应 式 W e b 设 计 的 新 时 代 ， 并 转 变 我 们 对 其 含 义 的 看 法 ， 也 为 会 W e b 设 计 带 来 新 的 变 化 。 组 件 式 驱 动 W e b 设 计 （ 或 开 发 ） 也 被 称 为 是 下 一 代 响 应 式 W e b 设 计 （ 或 开 发 ） 。 如 果 你 对 这 方 面 话 题 感 兴 趣 的 话 ， 请 继 续 往 下 阅 读 。 大 漠 阅 读 全 文 # C S S # C S S 技 巧 发 布 于 2 年 前 如 何 编 写 防 御 式 的 C S S 自 @ A h m a d S h a d e e d 去 年 在 博 客 上 发 表 了 《 T h e J u s t i n C a s e M i n d s e t i n C S S 》 的 时 候 ， 我 自 己 也 有 一 种 冲 动 ， 也 想 整 理 一 篇 这 方 面 的 文 章 ， 但 一 直 未 动 笔 （ 说 实 话 ， 整 理 一 篇 这 样 的 文 章 真 的 很 费 时 间 ） 。 去 年 年 底 在 内 网 看 到 @ 克 军 老 师 发 了 一 篇 有 关 于 “ 防 御 式 C S S 开 发 ” 的 文 章 （ 外 网 @ A h m a d S h a d e e d 同 样 发 了 一 篇 有 关 于 防 御 式 C S S 开 发 ） 之 后 ， 这 种 冲 动 就 更 大 了 。 我 想 我 也 应 该 写 一 篇 这 方 面 的 文 章 。 希 望 大 家 能 从 文 中 获 益 ！ 大 漠 阅 读 全 文 # 图 解 C S S # C S S # b o x s h a d o w # t e x t s h a d o w # f i l t e r # 会 员 专 栏 发 布 于 2 年 前 图 解 C S S ： C S S 阴 影 在 现 代 W e b 中 ， 阴 影 已 经 成 为 主 要 设 计 要 素 之 一 ， 甚 至 是 随 处 可 见 。 阴 影 增 加 了 质 感 、 透 视 、 并 强 调 物 体 的 尺 寸 。 在 W e b 设 计 中 ， 使 用 光 和 影 子 可 以 增 加 物 理 上 的 真 实 感 ， 并 且 可 以 用 来 制 作 丰 富 的 、 可 触 摸 的 U I 界 面 。 从 C S S 技 术 角 度 来 说 ， 在 W e b 中 给 U I 添 加 阴 影 效 果 有 多 种 不 同 的 技 术 方 案 ， 但 从 实 现 阴 影 效 果 的 C S S 属 性 来 说 ， 常 见 的 主 要 有 t e x t s h a d o w （ 文 本 阴 影 ） 、 b o x s h a d o w （ 盒 子 阴 影 ） 和 f i l t e r 的 d r o p s h a d o w ( ) （ 不 规 则 阴 影 ） 。 今 天 ， 我 们 就 一 起 来 聊 聊 C S S 这 方 面 的 特 性 。 大 漠 阅 读 全 文 # C S S # C S S 新 特 性 发 布 于 2 年 前 2 0 2 2 年 的 C S S 虽 然 近 些 年 C S S 变 化 很 快 ， 但 我 认 为 2 0 2 1 年 是 C S S 的 元 年 。 在 即 将 过 去 的 2 0 2 1 年 ， C S S 变 化 非 常 地 大 ， 其 中 新 增 了 很 多 特 性 ， 比 如 C S S 容 器 查 询 、 C S S 父 选 择 器 、 C S S 层 叠 控 制 规 则 、 C S S 子 网 格 等 等 。 而 且 这 些 特 性 已 经 在 个 别 ， 甚 至 是 在 大 部 分 主 流 浏 览 器 已 经 可 以 看 到 了 。 几 大 主 流 浏 览 器 （ C h r o m e 、 F i r e f o x 、 S a f a r i 和 E d g e ） 还 专 注 于 修 复 浏 览 器 兼 容 性 痛 点 ， 让 W e b 开 发 者 的 工 作 变 得 更 轻 松 。 ​ 大 漠 阅 读 全 文 # C S S # 伪 类 选 择 器 # C S S 选 择 器 # 选 择 器 # 会 员 专 栏 发 布 于 2 年 前 C S S 选 择 器 : i s ( ) 和 : w h e r e ( ) 与 : h a s ( ) 有 什 么 功 能 对 于 C S S e r 而 言 ， C S S 选 择 器 是 C S S 领 域 最 基 础 不 过 的 知 识 了 ， 他 虽 基 础 ， 但 在 给 元 素 设 置 样 式 ， 选 择 器 是 不 可 或 缺 的 。 正 所 谓 ， “ 众 里 寻 他 千 百 度 ， 蓦 然 回 首 ， 那 人 却 在 灯 火 阑 珊 处 ” ！ 在 W e b 开 发 中 ， 我 们 需 要 通 过 选 择 器 的 能 力 ， 在 众 人 中 找 到 想 找 到 的 人 。 话 又 说 回 来 ， 选 择 器 虽 然 简 单 ， 但 它 却 很 重 要 ， 就 从 W 3 C 规 范 中 有 关 于 选 择 器 版 本 的 迭 代 中 也 能 说 明 这 一 点 （ 现 在 已 经 是 L e v e l 4 版 本 了 ） 。 事 实 上 ， 早 在 2 0 1 8 年 年 底 我 就 在 《 初 探 C S S 选 择 器 L e v e l 4 》 一 文 中 和 大 家 一 起 探 讨 了 在 选 择 器 L e v e l 4 中 新 增 的 选 择 器 。 大 漠 阅 读 全 文 # C S S # b o r d e r r a d i u s # 会 员 专 栏 发 布 于 2 年 前 C S S 中 的 条 件 圆 角 技 巧 C S S 的 b o r d e r r a d i u s 技 术 已 经 是 非 常 成 熟 的 技 术 了 ， 在 现 代 W e b 开 发 的 过 程 中 ， 实 现 圆 角 的 效 果 都 是 使 用 b o r d e r r a d i u s 来 实 现 。 使 用 b o r d e r r a d i u s 来 给 一 个 盒 子 添 加 圆 角 效 果 已 经 是 最 为 常 见 ， 最 简 单 的 技 术 了 ， 但 前 段 时 间 在 T w i t t e r 上 看 到 @ A h m a d S h a d e e d 发 的 一 条 推 特 信 息 说 ： “ F a c e b o o k 应 用 在 b o r d e r r a d i u s 上 使 用 了 C S S 的 比 较 函 数 （ 比 如 m i n ( ) 和 m a x ( ) ） 来 实 现 按 条 件 给 元 素 设 置 圆 角 效 果 ” 。 这 一 说 法 并 得 到 了 F a c e b o o k 的 工 程 师 @ F r a n k Y a n 的 确 认 。 F a c e b o o k 的 工 程 师 使 用 了 一 种 被 称 为 “ F a b F o u r ” 技 术 ， 可 以 让 圆 角 根 据 一 定 的 条 件 来 设 置 不 同 的 值 。 不 知 道 你 是 否 对 该 技 术 感 到 好 奇 呢 ？ C S S 是 如 何 有 条 件 地 将 b o r d e r r a d i u s 设 置 不 同 的 值 。 如 果 您 感 兴 趣 的 话 ， 请 继 续 往 下 阅 读 。 大 漠 阅 读 全 文 上 一 页 1 / 4 下 一 页 © 前 端 圈 ™ 2 0 2 4 . A l l R i g h t s R e s e r v e d . 粤 I C P 备 1 5 0 6 7 0 3 5 号 8

站点概括

关于www.w3cplus.com说明：
www.w3cplus.com由网友主动性提交被0401导航库整理收录的，0401导航库仅提供www.w3cplus.com的基础信息并免费向大众网友展示，www.w3cplus.com的是IP地址：39.107.221.22 [中国北京北京 阿里云]，www.w3cplus.com的百度权重为1、百度手机权重为0、百度收录为96900条、360收录为124条、搜狗收录为0条、谷歌收录为0条、百度来访流量大约在15之间、百度手机端来访流量大约在0~0之间、www.w3cplus.com的备案号是湘B2-20110104、备案人叫衡阳市雅米信息技术有限公司、被百度收录的关键词有26个、手机端关键词有0个、该站点迄今为止已经创建13年4月7天。

内容声明：

1、本站收录的内容来源于大数据收集，版权归原网站所有！
2、本站收录的内容若侵害到您的利益，请联系我们进行删除处理！
3、本站不接受违规信息，如您发现违规内容，请联系我们进行清除处理！
4、本文地址：https://www.dhk0401.com/xiazaidh/158916.html，复制请保留版权链接！

---