实用技巧 技巧css
【HarmonyOS】低代码平台组件拖拽使用技巧之滚动容器
【关键字】 HarmonyOS、低代码平台、组件拖拽、滚动容器 1、写在前面 上一篇中我们介绍了低代码平台组件库中的堆叠容器的一些拖拽技巧，本篇我们继续，今天带大家一些来看一个新的组件——滚动容器。关于滚动容器的直接使用其实很简单，所以这个不是今天的重点，今天的重点是如何在原有布局的基础上在外层套 ......
css 文字渐变
效果如图 代码如下： background: linear-gradient( to bottom, #ffffff 0%, #ffffff 45%, #389df5 100% ); background-clip: text; -webkit-background-clip: text; -web ......
css伪类和伪元素
一、伪类说明 定义：伪类⽤于向某些选择器添加特殊的效果 超链接（a标签）伪类：a标签我们在日常工作和学习中用的很多，我们只知道默认状态下为蓝色，但是a标签其实有四种状态。 1、未访问前为蓝色（如果a标签使用不是蓝色而是紫色，那么近期访问过该网站，需要去浏览器删除近期记录） a:link 2、鼠标按着 ......
css 字体一闪闪和有光泽一闪而过效果
<div class="card-remark">请把卡放入读卡器上...</div> 字体一闪闪效果： .card-remark { font-family: Arial, sans-serif; /* 选择字体 */ font-size: 36px; /* 设置字体大小 */ color: rg ......
Linux终端使用技巧
Linux终端使用技巧 1.命令提示符 显示提示符格式 [root@centos8 ~]#echo $PS1 \[\e[1;35m\][\u@\h \W]\$\[\e[0m\] 修改提示符格式范例 PS1="\[\e[1;5;41;33m\][\u@\h \W]\\$\[\e[0m\]" PS1=" ......
记录--纯CSS实现骚气红丝带
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在本文中，我们将探讨如何使用 CSS 以最少的代码创造出精美的 CSS 丝带形状,并最终实现下面这个效果： 下面我们使用html和css来实现这个效果。我们使用内容自适应方式布局，不用担心里面的文字长度。本文介绍两种丝带：左侧的丝带称为“ ......
园子编辑器书写的一些技巧
上标下标：需要用的时候点开，不需要了就关闭 aaaaaaaaaa 表格： 点击表格 框选你要的大小 确定 合并两表格：框选两个表格右键 -> 单元格 -> 合并单元格 d d d 锚点的使用： 点击这段话跳到文章的末尾，那就在文章的末尾放个锚点a, 并且选择要跳转的那段话点击链接选择锚点a 插入其它 ......
CSS 多行文本超链接下划线动效
先看效果 乍一看，是不是感觉很简单，仔细一瞅发现事情好像没有那么简单。 如果十分钟还没想出怎么实现，那就把简历上的“精通css”改成“了解css”……😅 大部分人第一感觉都是想着用border-bottom去做，但是仔细看一下这个是多行文本，下划线始终在最后一行肯定是不合适的，而且下划线运动轨迹是 ......
一些实用的套路
计数转期望 有一个形如 \(a_1\ op_1\ a_2\ op_2\ ... op_{n-1}\ a_n\) 的表达式，其中 \(op\) 是运算符，是 \(+,-,\times\) 其中之一。每次操作可以选择一对相邻的数及其中间的运算符进行一次运算，再用答案替换它们三个。问在 \(n-1\) 次 ......
为什么 CSS flex 布局中没有 `justify-items` 和 `justify-self`?
为什么 CSS flex 布局中没有 justify-items 和 justify-self？ 为什么在 CSS flex 布局中存在 align-items 和 align-self，却没有 justify-items 和 justify-self 呢？要解答这个问题，首先需要理解主轴（main ......
Markdown 语法：高级技巧
Markdown 高级技巧 支持的 HTML 元素 不在 Markdown 涵盖范围之内的标签，多可以直接在文档里面用 HTML 撰写。 目前支持的 HTML 标签有 <kbd>,<b>,<i>,<em>,<sup>,<sub>,<br>,<hr> 等，如 使用 <kbd>Ctrl</kbd>+<k ......
threejs CSS2DObject点击事件触发不了
原因：在three.js 0.13X版本后,上面dom的onclick 不会触发，原因是控制器Controls，可以尝试一下去掉控制器，看看dom上的点击事件是否ok let obtControls = new OrbitControls(camera, container); // OrbitCo ......
css_扩散动效
html <div id="modelContainer" class="init"> <div class="mask"></div> <div class="model_content"> <div class="attention_container"> <div class="dot"> < ......
css布局
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
css样式对单行和多行文本的隐藏
在我们日常的网页中，尤其是新闻类的网页会遇到许多类似于这样的样式 多行甚至单行的文本隐藏+上省略号标题。 解决这一办法，需要利用css的样式进行改变 如下代码的演示： 单行文本隐藏: 多行文本隐藏： 主要知识点： 1、单行文本隐藏省略：文本不能换行、超出部分隐藏、超出部分省略 2、多行文本隐藏省略： ......
Tita OKR：在 1 小时内掌握写好有效 OKR 的技巧
OKR 到底是什么？ Tita - OKR和新绩效一体化管理平台 在深入了解之前，让我们先快速回顾一下什么是 OKRs: 目标是您雄心勃勃的定性目标，而关键成果则是可量化、可衡量的结果，用于说明您是否实现了这些目标。OKRs 提供了清晰度、一致性和专注度，推动团队朝着共同的目标前进 在创纪录的时间内 ......
每日一题：通过css变量来控制主题
1、定义不同主题颜色 :root{ --theme-color: blue; --font-size: 18px;; } html[theme="dark"]{ --theme-color: #000; 2、通过切换html自定义属性来控制主题 <!DOCTYPE html> <html lang= ......
js之调试小技巧
console.log console.log('标签名',值); 可以根据标签名区分输出的数据 在使用 console.log打印一个引用类型（比如数组和自定义对象）的对象的时候，输出结果可能并不是执行 console.log方法那个时间点的值。但是可以用 JSON.parse(JSON.stri ......
CSS 将div撑满body
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> <style> html, body { height: 100%; margin: 0; overflow: hidden; } .co ......
Spring Boot 访问静态资源css/js
一、前言 我们用 Spring Boot 搭建 Web 应用时（如搭建一个博客），经常需要在 Html 中访问一些静态资源，比如： css 样式； js 脚本； favicon.ico 图标等； 而在 Spring Boot 中如果没有做任何配置，是无法直接访问静态资源的，通常会报 404 错误 二 ......
C语言没人教但必须了解的技巧
# 前言 工作了一年，对于代码的理解更进了一步，标准且好用的c代码能够使开发效率更上一层楼，这里整理了一下最近看到的一些c代码技巧，能使c代码编写更加标准化。 参考文章地址： * [C语言中常用的宏定义 (qq.com)](https://mp.weixin.qq.com/s/JkJB5a2F3tE ......
css的样式
一,css的文本样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......
excel使用技巧
2023/10/09 20:32 寻找D列数据中的最大值 I2=MAX(D2:D302) 寻找D列中与I2相等的值对应的横坐标 I3=MATCH(I2,D1:D302,0) 寻找B列横坐标为I3的值 =INDEX(B1:B302,I3) ......
CSS弹性盒子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
CSS盒子模型
对html 进行封装：包括外边距、边框、内边距和实际内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial ......
2023-01-05vscode技巧
csharp 程序不能输入 用vscode运行csharp默认使用的terminal是不支持输入的，输入没反应 需要修改 launch.json 增加这两行我估计是关闭了什么东西，并且调用系统的terminal，具体就不懂了。 "configurations": [ { // For more in ......
Office三件套小技巧
当谈到Office三件套（Word、Excel和PowerPoint）的小技巧时，以下是非常详细的内容，确保不错过任何小知识点。让我们逐个介绍： Microsoft Word 小技巧： 快速格式化文本： 使用Ctrl+B、Ctrl+I和Ctrl+U分别快速添加粗体、斜体和下划线格式。 创建自定义标签 ......
自定义滚动条 css
/* 自定义滚动条 css */ .customScrollbar::-webkit-scrollbar{width:10px;height:10px;} .customScrollbar::-webkit-scrollbar-thumb{border-radius: 8px;background- ......
数据重整：用Java实现精准Excel数据排序的实用策略
摘要：本文由葡萄城技术团队原创并首发。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 前言 在数据处理或者数据分析的场景中，需要对已有的数据进行排序，在Excel中可以通过排序功能进行整理数据。而在Java中，则可以借助Excel表格插件对数据进行批量排序 ......