链滴
社区愿景和功能特性
优雅的 Markdown 所见即所得编辑
快捷键交互
随时自由编辑分享内容
支持注销账号来去自由
分布式社区网络
开放 API
产品
Symphony 社区系统(Java)
Solo 博客系统(Java)
Vditor 编辑器(TypeScript)
思源笔记(Electron、Go)
Pipe 博客平台(Vue、Go)
发展计划表
发展简史
榜单
GitHub 仓库排行
帖子打赏排行
Solo 博客端排行
积分排行
活跃度排行
贡献排行
本站基于开源项目 Sym
编程代码问答
登录
注册
好玩
前端
后端
工作
B3
推介
查看所有领域
Vue.js
webpack
Node.js
HTML
CSS
JavaScript
Angular
React
Flutter
思源笔记 v3.0.17 发布,支持 Windows arm64 和 Linux arm64
概述 该版本支持了 Windows arm64 和 Linux arm64,改进了网页剪藏,修复了一些缺陷并改进了许多细节。 变更记录 以下是此版本中的详细变更。 改进功能 [链接] [链接] [链接] [链接] [链接] [链接] [链接] 支持 Windows arm64 支持 Linux arm64 改进导入 M ..
3.5K
4 周前
求一个关于题头图设置不透明的 CSS
描述:是这样的 ,开启背景图插件后想让题头图不受背景图的影响 ,想问下这个能通过 CSS 进行设置吗?
30
1 周前
求一个修改修改大纲目录字体大小的 CSS
真的太需要了
50
2 周前
css 求助
前端小白,请求各位大神帮助! 这里有一个 contet,里面有一个 logo 但是 logo 不能占据 content 的整个长度,即使我把 logo 设置了很大,还是有一段是没法用的 [图片] [图片] css 代码片段如下 .login-left-content { padding-left: 0vw; } .lo ..
100
1 个月前
参照 obsidian-minimal 主题制作的 savor 主题代码片段
[图片] [图片] [图片] [图片] 谢谢制作这两个主题的大佬(Roy 和 kepano) 使用方式:下载集市内的 savor 主题,切换到 savor 的 dark 配色模式,然后在设置-外观-代码片段中添加如下代码。 :root { /* 主色 */ --b3-theme-primary: #7E97A4 !im ..
142
1 个月前
CSS
文档手册 1 定义方式、选择器、颜色 样式 行内样式 内部样式 写在 html-head 下的 style 标签下 外部样式 调用外部某个 css 样式 选择器 标签选择器 img {} ID 选择器 #username {} 类选择器 .img-field {} 伪类选择器 链接伪类:在上述选择器后添加 :xxx ..
55
3 个月前
部分 CSS 代码失效问题 -- 解决思路
起因 为了更好的视觉效果,且与桌面端同步,之前在社区学习了用 css 代码更改移动端的字体的方法 只能说非常好用!还得是老铁们办法多 但是最近的版本不知道什么问题(小白一名),影响了 css 代码的优先级,导致代码失效。 这么说也是因为看到社区 css 代码失效的帖子里,一位兄弟添加“!important”的操作。 直 ..
151
6 个月前
一种简单的文档树 UI 加密,基于 CSS
本文分割线以上是最初的内容,只能对文档内容 UI 加密,不能对文档树产生影响。分割线以下才是对文档树 UI 加密。 首先给文档添加一条约定好的属性,比如'lock'。然后增加如下 CSS 片段并生效。 div[custom-lock]{ display: none; } 如果要显示内容的话,就通过 F12 开发者工具, ..
322
7 个月前
【CSS】pdf 纯黑背景
增加如下 CSS 代码片段。 /* pdf纯黑背景 */ .pdf__outer--dark .textLayer { background-color: #ffffff00; } 适用于各种 pdf,包括扫描版 pdf。前后效果对比: 之前: [图片] 之后: [图片] 记得要点了“确定”后代码片段才生效。 相关阅读 ..
138
7 个月前
【CSS】暗黑模式下,图片反色显示
使用默认暗黑主题。首先增加如下 CSS 代码片段: /* 图片反色 */ :root:has(#themeDefaultStyle[href *='midnight']) img[alt*='dark']{ filter: invert(100%) hue-rotate(180deg); } /* 该效果只在默认暗黑主 ..
113
7 个月前
[分享] 文件树缩进线(Cliff-Dark 主题中的部分 CSS 片段)
关联:[链接] 为了回答问题,我研究半天,最后从 [链接] 上把对应的 CSS 片段扒下来了: /*文件树缩进线*/ .sy__file .b3-list-item__toggle { padding-left:1px !important; padding-right:1px; color:var(--b3-them ..
310
5 个月前
CSS 片段分享(行 focus 高亮显示)
前两天逛论坛,看到了群友分享的列表子弹线的效果。是通过 CSS 代码和 js 代码共同实现的,目前 Dark+ 主题和 Rem Craft 主题上应用了这一效果。 https://ld246.com/article/1693238082034 将相关代码复制到代码片段中,果然很好用,视觉效果如图所示(考虑到不同主题兼容 ..
347
9 个月前
关于块属性的代码片段
有没有这方面的教程查了一些资料就是实现不了呢。 .protyle-wysiwyg [data-node-id][custom-='红']{ background: #ff5722; color: white; } 更改块的背景
20
10 个月前
99% 的人可辨别的颜色色卡 - 配色方案分享
原文参考链接:https://sashamaps.net/docs/resources/20-colors/ [图片] 效果如下: [图片] [图片] json 文件 直接复制导入 { 'name': 'Distinct_Colors', 'light': { 'font-background12': { 'borde ..
654
3 个月前
obsidian 折腾记录 - 列表转树状表格 obsidian 版
一、前情提要 啊,很多用过思源的都知道,思源的列表在很多主题中,是可以显示为树状表格的,就像这样: [图片] 用来做一些树状分类的内容的时候还挺好用的,而实际上它还是一个列表,怎么弄的我就不说了,反正这回说的是 obsidian 嘛。。。。。 obsidian 也有很多表格插件,不过玩法不嫌多,弄一个纯 css 的列表 ..
891
1 年前
快速将网站设置为灰白默哀风格
为沉痛悼念江泽民同志逝世,最近看见各个网站都将自己的样式全部换为了灰白色。按照之前的之前的思维惯性想当然的觉得是大家都准备了一套这样风格的 css 样式。本来想在自己目前的项目上练习一下这个换肤的。公司毕竟是做政务行业的。觉得可能用得上,就看了下人家是怎样改样式的。发现原来 css 中的 filte 滤镜属性 即可完成 ..
272
1 年前
百度团队 CSS 编码规范
转载自: [链接] 1 前言 CSS 作为网页样式的描述语言,在百度一直有着广泛的应用。本文档的目标是使 CSS 代码风格保持一致,容易被理解和被维护。 虽然本文档是针对 CSS 设计的,但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时,适用的部分也应尽量遵循本文档的约定。 2 代码风格 ..
133
2 年前
CSS 选择器
什么是 CSS? CSS(层叠样式表)用于给文档添加样式,是描述 HTML 或 XML 文档样式的语言。 CSS 选择器规定了某些 CSS 规则会应用在哪些元素上。 基本选择器 通用选择器 :* 选择所有的元素。(可选)也可以将其限制为特定的名称空间或所有名称空间 ns|**|*。 元素选择器 :elementname ..
450
2 年前
css 旋转 div 盒子
关键代码是:/* transform: rotate(333deg); */ 旋转前: [图片] 将关键代码注释解开: transform: rotate(333deg); [图片] 还可以在开发者工具中任意旋转。任意旋转指针即可。 [图片]
155
2 年前
如何用 CSS 实现文字渐变色动画
思路 -webkit-background-clip 可以创建基于文字的背景裁剪,如果将文字的颜色设置为 transparent,文字就可以表现为背景的颜色 用 @keyframes 定义基于 backgorund-position 变化的动画,即可形成文字颜色渐变效果 代码&效果 See the Pen &a ..
579
2 年前
PS、CSS 使图片高斯模糊
一、PS 图片高斯模糊 1、打开 ps,将图片导入。 [图片] 2、菜单栏选择滤镜-模糊-高斯模糊 [图片] 3、将半径修改即可,值越大越模糊。 [图片] 二、CSS 调整图片高斯模糊 Hello World Blurred Background Image filter: blur(15px):blur 中的值越 ..
180
2 年前
less 中的循环(each 方式)
less 遍历数组 在网上搜到的都是使用 when 的方式,其实自从 3.7.0 起官方提供了 each 函数来遍历 less @primary: blue; @danger: red; @warning: yellow; @success: green; @colors: primary, danger, warni ..
1.5K
3 年前
JavaScript 屏幕触摸和弹起事件以及 map、area 标签的使用
一、需求 业务本身其实是 uni-app 内的一个监控页面的制作,由于播放监控画面的 demo 是 JavaScript 开发的,而 APP 内无法使用 js 语法的文件,也没有去修改人家的源码,所以这里使用了 web-view 标签。 监控页面一共两部分,一部分为监控画面的 div,只需要显示即可,另一部分为控制摄像 ..
299
3 年前
center - css
content center .content-center { display: grid; place-content: center; gap: 1ch; } gentle flex .gentle-flex { display: flex; flex-direction: column; align-items ..
130
3 年前
HTML 和 CSS 基础学习
HTML 提供了大量元素,没一个元素都有特殊的用途,保证网页的丰富多样性: 区块:div 区分:span 文本:p、h1~h6、em、dt、dd 表格:table、tbody、thead、tr、td、th、tfoot、caption 表单:form、input、label、textarea、select 链接:a 图片 ..
491
3 年前
整个 css filter 的配置页
试了试 vite 写了个小工具,主要是用于试用 css 属性 filter 的展示效果 [图片] 页面还是比较简陋的,后续有时间可能需要对 drop-shadow 进行配置化展示。 http://vite-filter.logiczc.vercel.app/ https://github.com/ra-utility/ ..
176
3 年前
小程序排版
小程序排版 示例 [图片] 代码 wxml hello hello hello hello hello hello Fancy With faded secondary text display_1 display_2 display_3 display_4 Vivamus sagittis lacus vel ..
179
3 年前
CSS 笔记整理
清除浮动 浮动是我们常用的一种布局方式,随之而来的就是需要清除浮动,其中我觉得最方便也是兼容性最好的一种是,在同级目录下再创建一个 :after
217
3 年前
分享:一键拷贝常用动画效果 CSS 代码
分享一个 CSS 动效相关的网站: https://cssfx.lovejade.cn/ 。她集合 Web 开发中常用的动画效果,如鼠标悬停、输入框获取焦点、加载、以及其他动画;不仅有展示效果,并提供一键拷贝至剪切板,以便您可以在自己的项目中使用。 备注:这个项目是基于 Github 的一个项目(CSSFX )fork ..
365
3 年前
CSS3 个人学习总结
个人学习过程总结,新人可以参考。xmind 文件在文章底部。 [图片] [链接]
154
3 年前
几个 CSS 小技巧
最近在为项目添加一个首页,写了一堆 HTML 和 CSS,不过总算是一天给搞定了,上级也比较满意。 在实现的过程中,也发现了几个平时没有考虑过的 CSS 技巧,在这里算记录也算是分享吧 渐变 首先还是简单介绍一下 CSS 渐变: CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以 ..
983
3 年前
## 单行 CSS 实现页面黑暗模式
单行 CSS 实现 Dark Mode 主人公:filter filter CSS 属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像,背景和边框的渲染。 code 通过设置滤镜翻转和色彩旋转,实现 Dark Mode: html[theme='dark-mode'] { filter: invert(1) ..
286
3 年前