一. 实现图片的等比缩放 object-fit属性你了解多少呢？下面听我详细介绍下。 根据MDN（object-fill）的介绍， 「object-fit」 CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。 也就是说盒子固定宽高， 图片在这个盒子里面会…

在本文中，我列出了十个我过去没用过的HTML5功能，但现在发现它们很有用，废话不多说，让我们开始吧。 <details>标签向用户提供按需查看详细信息的效果。 如果需要按需向用户显示内容，简单的做法就是使用此<details>标签。 默认情况下，它是收起来的…

效果图原理表单元素中，有一个pattern属性，可以自定义正则表达式（如手机号、邮箱、身份证..）；valid伪类，可以匹配通过pattern验证的元素；invalid伪类则相反，可以匹配未通过pat

在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用，觉得挺高效实用，所以也就有了这篇文章。 正文现在开始。 1. 建议使用 padding 代替 margin 我们在设计稿还原的时候，padding 和 margin 两个是常用的属性，但我们…

很多人在做前端开发的时候基本都用过 background 属性，但是 mask 属性却很少使用，甚至有些许陌生。但是实际上 mask 与 background 一样简单方便，甚至在某些地方比 background 更有优势！今天我们就来深度学习一下 background & m…