文章标签

在这一由三部分组成的系列文章的最后两篇文章中，我们使用了渐变来制作非常漂亮的图像装饰，这些装饰只使用 <img> 元素。在第三篇也是最后一篇文章中，我们将探索更多使用…的技术。

outline-color CSS 属性指定元素轮廓的颜色。什么是轮廓？轮廓是在元素周围绘制的一条线——位于边框边缘的外部——用于辅助功能或装饰目的，当该…

outline-style CSS 属性指定元素轮廓的样式。什么是轮廓？轮廓是在元素周围绘制的一条线——位于边框边缘的外部——用于辅助功能或装饰目的，当该…

CSS 中的 outline 属性 在元素外部绘制一条线。这与 border 属性非常相似，主要区别在于 outline 不是盒子模型的一部分。它通常用于…

本周新闻，Firefox 获得了圆角轮廓，SVG 动画现在在 Chrome 中使用 GPU 加速，CSS 中没有物理单位，纽约时报 填字游戏可访问，CSS 变量在值继承之前解析…

看吧！:focus-visible 伪选择器现在在 Firefox 中受支持，从昨天发布的 85 版本开始。我不得不赶快去 MDN 文档确认一下，没错，:focus-visible 页面已更新为…

值得一再强调的是：所有交互式元素都应该具有焦点样式。这样，键盘用户就可以知道他们何时将焦点移动到该元素。

但是，如果您仅使用 :focus 来实现这一点，它会产生一个副作用，…

Remy 前几天记录了这一点。Firefox 支持 Highlight 关键字，Chrome 和 Safari 都支持 -webkit-focus-ring-color 关键字。因此，例如，如果您已从某物中移除了焦点，并且想将它放回相同的…

每个前端开发人员都遇到过或将要遇到这种情况：你的老板、客户或设计师认为浏览器在获得焦点的元素上应用的轮廓与 UI 不匹配，并要求你删除它。或者你甚至可能…