在开发中，图片的展示方式有两种，第一种是使用 img 标签去显示，第二种是以背景图片显示，也就是使用css 的background-image，但是究竟应该使用哪一种呢？ 一、从操作性去考虑 back

CSS Grid 布局是如今 CSS 中最强大的布局系统。与 flexbox 的一维布局系统不同，CSS Grid 布局是一个二维布局系统，也就意味着它可以同时处理列和行。通过将 CSS 规则应用于父元素 (成为 Grid Container 栅格容器)和其子元素（成为 Gri…

>步骤一：定义自适应方法(放在需要的页面，如果是vue可放在app.vue中) //首次加载 this.resizeWeb(); //监听窗口缩放(应尽量避免不停缩放) window.addEvent

知识是学不完的，可是我们为什么还是要不停的去学习呢。原因很简单，因为我们要产生更多的知识，让更多的人学不完！前端技术也是在不停的革新，我们要做那个让别人有学不完的知识的人！

CSS 提供了三种出色的方法可以实现基本的形状。本文就来看看如何使用这些方法来实现一个三角形。三种方法如下： border； linear-gradient； clip-path。 1. border

今天遇到一个很有趣的问题：「如何实现一个宽度自适应，高度为宽度的一半的矩形」。 经过搜索引擎的筛选和自己的反复试验,发现使用padding-bottom是最完美的解决方案。 首先我们要明白，padding-top/bottom和margin-top/bottom都是相对于父元素…

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…