CSS

iframe 响应式问题 与 img 和原生 HTML5 video 元素不同，iframe 默认情况下不会响应式缩放。 解决此问题的旧方法 从历史上看，要使 iframe 具有响应性，需要将 ifr

CSS @supports 指令会像 @media 查询一样出现在 CSS 代码中： CSS @supports 允许开发人员以多种不同的方式检查样式支持。 例如：检查是否支持 display: fl

PostCSS（后预处理器）是一种使用 JS 插件转换样式的工具。这些插件可以 lint 你的 CSS，支持变量和 mixins，转换未来的 CSS 语法，内联图像等。 与其他 CSS 预处理器有何不

本文章内容为平时开发自己常用常看的一些工具、库、框架、优秀的博客技术网站。都是自己使用过的，大部分都还在维护，不常维护的在这里就不搬上来的。内容多，慢慢细品。 sass 专业级 CSS扩展语言。 lesscss - 动态样式表语言。 tailwindcss 实用程序优先的CSS…

假设我们有一系列对象，例如： 我们想要从数组中删除这些重复的对象，我们该如何解决？ 为了理解原因，让我们先来看看如何从平面项数组（如字符串）中删除重复项。 从数组中删除重复的平面项 假设我们有一个字符

为什么要初始化 CSS 样式 因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。 当然，初始化样式会对 SEO 有一定的影响，但鱼

Bulma 是一个免费的、开源的框架，采用了移动优先的响应式布局，它提供了可随时使用的前端组件，您可以轻松地将这些组件组合起来构建响应性强的 web 界面。 Bluma 可以作为 Bootstrap

@import 函数允许我们包含来自外部文件的样式。当我们的项目有很多样式时，它非常有用。我们不需要创建一个文件来定义所有样式，而是可以将它们拆分为多个文件，并将它们组合到主文件中。 使用 @impo

CSS vertical-align 特性设置内联元素或显示为内联块的元素的垂直对齐。vertical-align 属性也适用于 table-cell 元素。 语法 关键字 vertical-alig

CSS outline（轮廓）是一个简写属性，用于围绕元素外部绘制一条线。它与 a:focus 选择器结合使用特别有用，可以更加强调链接或其他元素。 outline 与 border 相似，不同之处在

background 是一个 CSS 简写属性，用于设置任何元素的背景效果。它控制元素内容下方的绘制内容。 以下示例显示了可指定为元素创建任何背景效果的属性的完整列表： background 简写形式

Bulma 是一个免费的、开源的框架，采用了移动优先的响应式布局，它提供了可随时使用的前端组件，您可以轻松地将这些组件组合起来构建响应性强的 web 界面。 Bluma 可以作为 Bootstrap

我们有一组单选按钮，分别切换不同的背景颜色，其主要结构如下： 以往，我们可以使用 JavaScript 来检测用户何时与单选按钮交互并相应地附加一个类。 然后，我们为每个类添加 CSS backgro

一个常见的开发需要，我们希望折叠元素的一部分，直到需要它为止。一些常见的框架（如 Bootstrap 和 JQuery）提供了转换效果。然而，CSS Transition 在转换高度方面给予了我们很大

BEM 是一种前端项目开发的方法学，由 Yandex 公司提出。 BEM 的名称来源于该方法学的三个组成部分的英文首字母，分别是块（Block）、元素（Element）和修饰符（Modifier）。

BFC 特性 BFC 在 Web 页面上是一个独立的容器，容器内外的元素互不影响 和标准文档流一样，BFC 内的两个相邻块级元素垂直方向的边距会发生重叠 BFC 不会与浮动元素的盒子重叠 BFC 在计

如果你想更好的掌握 CSS，CSS 的特异性是一个重要的话题。应用于 CSS 选择器的一组规则决定了应用于元素的样式。为了更好地理解这一点，我们必须了解一个相关的主题 —— CSS 中的级联和继承。

px（Pixel）：相对长度单位，绝对像素值，它取决于显示器的分辨率。一旦分辨率确定，设置为 px 的尺寸就成为固定尺寸，不会自动缩放。（1px = 1/96英寸） em：相对长度单位，相对于父元素的