如果干巴巴的问一个前端什么是containing block。大部分都不知所云。官方示意如下： 简单来说就是——无特殊情况下，containing block（包含块）就是最近的块元素的content area（内容区）。 最内部的即为内容区。 inner的宽度是多少呢？毫无疑…

原文地址:https://www.jianshu.com/p/55e0fca23b4f以下是骚年你的屏幕适配方式该升级了!系列文章，欢迎转发以及分享:骚年你的屏幕适配方式该升级了!（一）-今日头条适配

Grid Garden1是Codepip2创建的一款寓教于乐的在线网页游戏，游戏共有28关。玩家可以通过过关的方式掌握CSS最新标准CSS Grid。 游戏的设定是一个花园种植胡萝卜的场景，玩家通过在代码区填写CSS Grid的相关代码完成除草、浇水等任务。通过玩家的辛勤劳作，…

本文github地址,持续更新...... 覆盖一层蒙版，并在蒙版上书写文字。需要2层，从低到上为图片层、蒙版层(上面可写字) 毛玻璃蒙版，本质上讲是两层图，底层图清晰完整，顶层图模糊残缺，并且两者位移完全一致，因此叠加到一起后像是一张图。为了确保位移一致，我们用了 backg…

css变量(慎重，有大图)hello2dj(dj_amazing@sina.com)Apr06,2018bookmarkbookmarkcssshareshareشاركعلىWeiboشاركعلى

CSS 计数器（counter）是由 CSS 维护的变量，其主要用途是，可以通过指定的规则来计算节点元素的使用次数。 初始化计数器。 指定增量规则。 应用计数器。 下面使用一个例子，来熟悉这些规则。 首先，我们拥有一个如下的列表。 接下来我们使用计数器来为这个列表前面加上序号，…

相信大家在写css属性的时候，会遇到一些问题，比如说：垂直对齐，垂直居中，背景渐变动画，表格宽度自适应，模糊文本，样式重置，清除浮动，通用媒体查询，自定义选择文本，强制出现滚动条，固定头部和页脚，自己在网上看到的一篇关于css的文章，感觉这里边一些常用的css代码片段对大家很有…

一、CSS写自适应大小的正方形代码：效果图：原理：元素的padding的百分比值四个值均根据当前元素的宽度来计算的padding只能取top或者bottom，自适应正方形其值要和宽一致，当然其他不同比