本文主要针对初学移动端web开发的读者，笔者也是初学者，文中有众多用词不当之处望读者指正。 从开始做web app开发到现在，一直对移动端的尺寸适配有一种模糊的概念。能说得上来‘媒体查询’，‘栅格化布局’，‘流式布局’等若干技术名词和实现方式，但是每次自己做web app开发的…

在官网中适当的使用视差效果，可以增加视觉吸引力，提高用户的参与度，从而提升网站和品牌的形象。本文通过JavaScript、CSS多种方式并在React框架下进行了视差效果的实现，供你参考指正。

原文链接：一文吃透 CSS Flex 布局 教学游戏 这里有两个小游戏，可用来练习 flex 布局。 塔防游戏 送小青蛙回家 Flexbox 概述 Flexbox 布局也叫 Flex 布局，弹性盒子布

CSS 伪类是用于选择文档中处于特定状态的元素的一种选择器类型。它们并不是真正的类，因为它们不能在HTML或XML文档中直接定义，而是通过CSS来声明。伪类的名称前通常有一个冒号（:）。 作用 那么在

CSS Gird布局也叫二维网格布局系统，可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以指定将网格元素放置在与这些行和列相关的位置上。

flex-grow 首先介绍flex-grow属性，flex-grow会在容器太大时（图片A、B的宽度和 < 父容器宽度）对元素作出调整。 如果图片A的flex-grow属性的值为 1，图片B的flex-grow为 2，那么 2 的会比 1 的扩大两倍： 也许“扩大两倍”这个概念不便于理解，我

在许多网站的合作伙伴一栏，常常会看到一排排无限地循环滚动的logo墙。 不久前，接到一个类似的需求。需求如下： 1、无限循环滚动； 2、鼠标hover后，暂停滚动，鼠标离开后，继续滚动； 3、支持从左

大体思路其实是很简单的，就是借用复选框被选中的特性然后结合CSS样式，但是这需要对CSS选择器足够熟悉。只要掌握了这种思想，并且熟悉一些常用的CSS选择器就可以快速解决类似的问题。

1. 基础选择器 1.1. ID选择器 1.2. 类选择器 1.3. 通配符选择器 1.4. 标签选择器 1.5. 属性选择器 2. 组合选择器 2.1. 后代选择器 2.2. 子元素选择器 2.3. 相邻兄弟选择器 2.4. 通用兄弟选择器 2.5. 交集选择器 2.6. 并…