css实现tabs圆角切换效果，使用伪元素、border-radius、box-shadow叠加处理。

写在前面 现如今的可视化大屏产品设计已经非常成熟，其中大屏搭建页面基本采用了相同的设计方案。大屏搭建页面一般可以分为三个模块：组件及图层管理模块，大屏页面编辑模块，组件编辑和数据源配置模块。下图是某款

介绍 在 CSS 中使用 border 属性创建三角形的原理：每个 border 都有一个宽度、一个样式和一个颜色，可以设置不同的 border 宽度和样式来创建各种形状。

为了使页面适配不同分辨率下的设备，就不能使用固定单位，需要使用相对单位rem和vw单位动态控制页面尺寸大小 逻辑像素与物理像素 px全称为pixel，像素长度，像素长度，那么就请问了，一个超大屏幕的像

`CSS` 网格布局是一种基于二维网格的布局系统，与过去的任何网页布局系统相比，它完全改变了我们设计用户界面的方式。图文并茂！一次性搞懂 Grid 布局，实现“布局自由”~

弹性布局的主要思想是让容器有能力改变其项目的`宽度/高度（和顺序）`，以更好地填充可用空间（主要是为了适应各种显示设备和屏幕尺寸）。

写这篇文章的目的，起初只是为了记录面试中高频出现的问题，逐渐汇集了 Web 前端中重要的知识点，与个人一些理解与浅析，在这个过程中发现弥补了自己不少疏漏的知识，所以分享出来交流学习

如何实现一个有特色的按钮交互效果，按钮的背景色可以随着鼠标的移动变化且背景区域会随着鼠标的移动产生弹性变化效果，按钮的文字阴影会随着鼠标的变化而变化，快看看看吧~

推荐一个简洁好玩的开源项目，由开发者「realyao」开源。学习小程序开发的读者可以关注这个项目。 逛逛 GitHub 推荐过很多微信小程序的实战项目，感兴趣的可以去看看。