前 端 开 发 者 学 堂 ( 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 发 布 于 1 1 个 月 前 我 的 小 册 大 漠 阅 读 全 文 # C S S # C S S 新 特 性 # 总 结 发 布 于 1 3 个 月 前 现 代 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 5 个 月 前 C S S 颜 色 设 置 透 明 度 的 新 姿 势 在 C S S 中 ， 我 们 有 很 多 种 方 式 为 元 素 设 置 透 明 度 ， 常 见 的 是 给 元 素 设 置 透 明 度 和 给 颜 色 设 置 透 明 度 ， 不 同 的 方 式 将 会 带 来 不 一 样 的 效 果 。 那 么 今 天 ， 我 们 就 一 起 来 聊 聊 C S S 中 的 不 透 明 度 。 感 兴 趣 的 同 学 ， 请 继 续 往 下 阅 读 。 大 漠 阅 读 全 文 # C S S # C S S 新 特 性 发 布 于 1 6 个 月 前 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 6 个 月 前 防 御 式 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 发 布 于 2 1 个 月 前 我 的 第 一 本 小 册 ： 现 代 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 年 前 创 意 性 的 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 年 前 图 解 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 年 前 图 解 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 年 前 图 解 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 属 性 来 设 置 不 同 的 混 合 模 式 ， 从 而 改 变 背 景 图 像 的 效 果 。 大 漠 阅 读 全 文 上 一 页 1 / 1 8 2 下 一 页 © 前 端 圈 ™ 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)由网友主动性提交被1953收录网整理收录的，本页最后更新时间为：2024-09-14 06:28:54，1953收录网仅提供www.w3cplus.com的基础信息并免费向广大游客展示，该站IP地址为175.27.228.200 [中国江苏南京 腾讯云]，该站打开速度为938毫秒，该站的百度权重为1、百度手机权重为1、百度收录为90500条、360收录为124条、搜狗收录为0条、谷歌收录为0条、百度来访流量大约在31之间、百度手机端来访流量大约在34之间、www.w3cplus.com的备案号是湘B2-20110104、备案人叫衡阳市雅米信息技术有限公司、被百度收录的关键词有218个、手机端关键词有8个、迄今为止已经创建13年8个月17天，其内容不代表本站赞成被显示该站点的内容或立场，相关资料: txt下载、docx下载、pdf下载、rar下载、zip下载，本页地址：https://www.1953.me/links/8733e08889aa23c196a5.html。