在网页设计时经常以 PX(Pixel)做为计算长度、宽度或是大小的单位,有些 WordPress 主题则偏好使用 EM 或是 REM,后来去查了一下资料才知道 PX 是绝对单位、EM 和 REM(或是百分比 %)是相对单...
标签归档:CSS
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...
SVG Waves 免费波浪图生成器,交互式接口实时产生图案源代码
本文要介绍的「 SVG Waves」是一个免费的 SVG 波浪图生成器,来自一位加拿大 12 岁年轻开发者,交互式的操作界面让使用者以拖拉方式设计波浪,为波浪自定义颜色、背景色或选择喜爱的波浪样式。 SVG Wa...
Bootstrap 5中Gutters与Grid system当心溢出
Bootstrap 5已经发布了,但是发现Gutters与Grid system一起使用是会出现溢出现象,.row会超出.container。 container 320px row 344px 这...