在 Bootstrap 的默认栅格系统中，类 col-3 表示该列占据 12 列中的 3 列，即 3/12。但是，如果你将栅格系统改为 24 列后，col-3 就会表示 24 列中的 3 列，即 3/24。 具体来说，...
将 Bootstrap 的栅格系统从默认的 12 列更改为 24 列
发表评论
标签归档：CSS
Web自适应指南
Web自适应是指网页能够适应不同大小、不同设备的屏幕，并在各种设备上提供一致的用户体验。通过实现Web自适应，可以确保网页在桌面电脑、平板电脑和移动设备等各种设备上都能良好地显示和操作。 Web自适应 以下...
PXtoEM 在线转换工具，快速将 PX 转换成 EM 或百分比单位
在网页设计时经常以 PX（Pixel）做为计算长度、宽度或是大小的单位，有些 WordPress 主题则偏好使用 EM 或是 REM，后来去查了一下资料才知道 PX 是绝对单位、EM 和 REM（或是百分比 %）是相对单...
flex下面有两个div，让其中一个div宽度不变
要在一个 Flex 容器中让其中一个的宽度固定，而另一个自适应宽度，你可以使用 Flex 布局的属性和值来实现。以下是实现的一种方式： <div class="flex-container"> <...
STDF – 基于 Svelte 和 Tailwind CSS 打造的移动 web UI 组件库，Svelte 生态里不可多得的优秀项目
关于 STDF STDF 是一个移动端的 UI 组件库，主要用来开发移动端 web 应用。和我之前介绍的很多 Vue 组件库不一样，STDF 是基于近来新晋 js 框架 Svelte 开发的，Svelte 是一个和 V...
CSS如何用背景图片填充标签，而不显示标签中的文本。
如果你想在标题上使用背景图片，并且不显示文本，可以使用 CSS 的 background-image 属性以及 text-indent 属性。具体实现方法如下： HTML 代码： <h1 class="ti...
Google Fonts 推出 Material Icons 免费图标字型，收录两千个图案五种样式
Google Fonts 推出 Material Icons 免费图标字型，收录两千个图案五种样式，时至今日已累积超过 2000 多种不同图案，并有五种样式可供选择，这些图案对于在传达一些概念或想法上尤其重要，特别是在数...
VISIWIG 集成免费图标、背景图和纹理效果，一键复制 CSS、SVG 代码
本文要推荐的「VISIWIG」是一个整合免费图标、背景图和纹理效果的线上生成器，特色是只需复制、贴上就能取用的图片工具，无论图标或背景都是使用 CSS 或 SVG 格式，也具有基本的自订功能，像是调整颜色、尺寸大小，背景...
IcoMoon App收录550个图标下载免费图标下载SVG、PNG图标字型
网络上有少数提供免费图标的库可以使用，大部分样式分类，可一次下载都是图标，再从图标集找出自己需要的图标设计，除了常见的PNG格式以外也有SVG档档，档案容量更新，也可以自己设置尺寸或大小等等，比如通过网页字体类型（Web...
Emblemicons 收录 1000 多个最常使用免费图标，多种格式尺寸下载
本文要介绍的「Emblemicons」是一套开放源代码免费图标库，收录超过1000个最常用到的图案，用户可以从网站搜索、检索并找到想要使用的图标，免费下载PNG、JPG格式且具备六种尺寸12px、18px、24px、36...
CSS.GG 超过 700 个以 CSS 制作免费图标 SVG、Figma 多种格式下载
CSS.GG是一套开放源代码、以CSS绘制而成的免费图标集，收录超过700个图标图案，提供CSS、SVG、Figma等多种格式，因为是以代码刻制，整套图标档案非常小（仅有316kb），如果不想加载整套图标集也可单独取得特...
Heroicons 手工打造 SVG 免费图标集，收录两种样式 230 个常见图案
Heroicons是一套漂亮的手工制作 SVG 免费向量图标集，也是Tailwind CSS框架开发者制作释出的图标图案，收录超过 230 个常见图标，依照样式分为仅有外框（Outline）和填满实色效果（Solid）。...
Loaders 为开发者提供免费动态加载图标 React、HTML、CSS 代码
依照说明，Loaders 有 24 种独特、有趣且适用于各种情境的动态加载图，用户可依照项目进行各种自定义，像是尺寸大小、颜色、线宽和速度，图标部分非常轻量化，单一档案在压缩后小于 1 kb，而且没有任何 GIF 图档，...
Electron 11.2.3 发布，跨平台桌面应用开发工具
Electron 11.2.3 现已发布，主要更新内容如下： Fixes 反向移植了针对 https://crbug.com/952922 的修复程序。＃27584 修复了扩展加载失败时崩溃的问题。...
Cool Backgrounds 免费背景制作工具，内置五种效果可定制颜色
本文要介绍的「Cool Backgrounds」是一个免费背景产生工具，主要提供五种类型背景：三角几何图形、科技粒子效果、CSS 渐层背景、渐层地形图和Unsplash图片，用户可从线上快速调整不同色彩组合，立即更新预览...
to have no more than 0 ID selectors selector-max-id
stylelint的对scss/css的检测提示： scss/_error404.scss 5:3 × Expected ".error404 #page" to have no more than 0 I...