实用技巧 技巧css
css 文字横向滚动通知消息
要在CSS中实现横向滚动的通知消息，你可以使用CSS的动画属性、溢出属性和滚动属性相结合。 首先，创建一个包含通知消息的容器，并设置其溢出属性为隐藏。这将确保溢出容器的内容不可见。 然后，在容器内部创建一个用于显示通知消息的子元素，并设置其显示为内联块元素。然后，为这个子元素设置动画属性，使其从容器 ......
小学数学速算技巧
读博读够了，复习下小学数学速算技巧。 ## 什么样的计算比较容易 - 数值小：12×2 比 12×7 好算 - 能凑整：比如 12+18，15×2，14/2，13×10 - 没有进位借位：比如 13+15 比 67+78 好算，99-34 比 102-37 好算 ## 基本技巧 基本思路是通过拆分构 ......
Unity中的PostProcessScene：深入解析与实用案例
# Unity中的PostProcessScene：深入解析与实用案例 在Unity游戏开发中，我们经常需要对场景进行后处理，以实现更丰富的视觉效果。Unity提供了一个名为`PostProcessScene`的功能，可以让我们在场景加载完成后，对场景进行一系列的处理。本文将详细介绍`PostPro ......
[转载] Midjourney｜动漫角色统一性使用技巧
> 转自公众号`ASAK`  Midjourney刚出来时，我一直想用它来制作动漫，这对于一个不会画动漫的 ......
Win11技巧名录
win11右键默认显示更多选项 //管理员运行命令 reg.exe add "HKCU\Software\Classes\CLSID\{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}\InprocServer32" /f /ve //重启就恢复win10右键了 reg.e ......
前端Chrome调试技巧汇总
Chrome浏览器调试工具的核心功能： 🥷🏻注：本文测试、截图均为Edge浏览器（内核是Chromium），浏览器内核可了解《有哪些浏览器/内核？》 00、基础操作汇总 操作类型快捷键/说明 切换浏览器标签 🔸 Ctrl+1到8切换到对应序号的浏览器标签 🔸 Ctrl+PgUp/PgDn标签 ......
SQL常见的“坏毛病”及优化技巧
SQL语句的执行顺序： 1、LIMIT 语句 分页查询是最常用的场景之一，但也通常也是最容易出问题的地方。比如对于下面简单的语句，一般 DBA 想到的办法是在 type、 name、 create_time 字段上加组合索引。这样条件排序都能有效的利用到索引，性能迅速提升。 SELECT *FROM ......
css让图片自动滚动
转自于：https://www.yzktw.com.cn/post/1051445.html CSS让图片自动滚动是一种非常实用的功能，它可以让网站的页面更加动态和生动。实现这个功能的方法也非常简单，只需要使用CSS中的滚动条属性即可。 /* 将所有图片都放在一个div内 */ .scroll { ......
CSS !important 规则不被其他样式覆盖
CSS !important 规则 CSS 中的 !important 规则用于增加样式的权重。 !important 与优先级无关，但它与最终的结果直接相关，使用一个 !important 规则时，此声明将覆盖任何其他声明。 #myid { background-color: blue; } .m ......
在CSS中创建一个遮罩层并阻止点击穿透的常见方案
使用 position: fixed 和 z-index：创建一个具有全屏尺寸的 <div> 元素，并将其设置为 position: fixed，top: 0，left: 0，width: 100%，height: 100%，然后使用 z-index 将其放在其他元素之上。通过设置透明度、背景颜色或 ......
Unity的AssetPostprocessor之Model：深入解析与实用案例 2
# Unity AssetPostprocessor中Model相关函数的实际应用 Unity AssetPostprocessor是Unity引擎中的一个重要功能，它可以在导入资源时自动一些脚本，以便对资源进行自定义处理。其中，Model相关的函数可以用于对导入的3D模型进行处理，包括修改模型的材 ......
CSS基础知识（未完待续）
前言：从本篇开始记录css的一些基础知识，但不会涉及css3，以后会单独学习记录。 # 1 .CSS简介 html只关注了内容的语义，但并没有注意具体布局的美化以及样式，如果用html去设置的话，就会显得十分臃 肿，这时候就需要css来进行设置了。 CSS是层叠样式表的简称，有时候我们也会称之为cs ......
CSS基础
> 即 Cascading Style Sheets，它描述了网页的表现与展示效果 ### 1) 选择器 * type 选择器 - 根据标签名进行匹配（元素选择器） * class 选择器 - 根据元素的 class 属性进行匹配 * id 选择器 - 根据元素的 id 属性进行匹配 ### 2) ......
vue（五）CSS样式添加
Vue 具有三种样式化应用程序的方法： 外部 CSS 文件。 单文件组件（.vue 文件）中的全局样式。 单文件组件中组件范围的样式。 外部CSS 导入外部CSS文件 import "./assets/reset.css"; 单组件全局样式 <style> /* 全局样式 */ .btn { pad ......
Mac实用技巧合集
一 屏幕相关 （1）截屏 ctrl+shift+3 截全屏；ctrl+shift+4局部截屏；ctrl+shift+4后按space键，当前应用界面截图； 按了ctrl+shift+4后突然想要取消截图，只需点按一下触控板即可。 （2） 分屏 在看文献写论文的时候，浏览器看知网，Office编辑文档 ......
padoc技巧笔记
# 1. 安装 官网下载 [Pandoc - index](https://pandoc.org/index.html) 免安装的版本再github上提供 [Release pandoc 3.1.4 · jgm/pandoc](https://github.com/jgm/pandoc/releas ......
MegEngine 使用小技巧：如何使用 MegCC 进行模型编译
本文将重点解析模型部署中的重要步骤之一-模型编译：编译 MegEngine 模型，生成运行这个模型对应的 Kernel 以及和这些 Kernel 绑定的模型。 ......
css动态生成多个class样式
在纯CSS中，无法动态生成多个类样式。CSS是一种静态样式表语言，它主要用于描述网页上元素的外观和布局，而不能在运行时动态生成类样式。 然而，你可以通过使用CSS预处理器（如Sass、Less等）或CSS-in-JS工具（如Styled Components、Emotion等）来在一定程度上实现动态 ......
脱发秘籍：前端Chrome调试技巧汇总
脱发秘籍，快速了解前端Chrome调试工具，这里有你不知道的Chrome调试技巧：元素（Element）、控制台（Console）页、源代码（Sources）、网络（Network）、性能优化（Performance）... ......
Visual Studio 实用功能
###搜素 ## |命令|键盘快捷键|命令 ID| | | | | |代码搜索|Ctrl+T|Code Search| |功能搜索|Ctrl+Q|Feature Search| 使用“调用层次结构”窗口 Call Hierarchy 在 Visual Studio 中，可以在设计时查看调用层次结构。 ......
编程实用工具推荐
# 一、截图神器 ## 1、Snipaste * Snipaste，一款简单强大的截图贴图利器 * 下载地址：Snipaste ![](https://img2023.cnblogs.com/blog/3202319/202306/3202319-20230601170348434-18242786 ......
第八节 CSS高级
# day08-CSS高级 > 目标：掌握定位的作用及特点；掌握 CSS 高级技巧 ## 01-定位 作用：灵活的改变盒子在网页中的位置 实现： 1.定位模式：position 2.边偏移：设置盒子的位置 * left * right * top * bottom ### 相对定位 **positi ......
同余最短路的转圈技巧
同余最短路还在写最短路？感觉不如转圈！ 众所周知，在同余最短路算法中，我们选取一个基准物品的体积作为模数 $m$，并对其它物品的体积 $v_i$ 和所有 $0\leq i using namespace std; const int N = 5e5 + 5; int n, m, a[N]; long ......
CSS|动画与效果
## 一. 过渡 ### 1 什么是过渡 过渡可以为一个元素在不同状态之间切换的时候定义不同的过渡效果 ### 2 应用场景 当鼠标hover的时候, 有一个明显的突出效果, 但是又不会显得特别生硬 ![transition.gif](https://img2023.cnblogs.com/blog ......
[css]选择器，匹配以某个字符开头或结尾
1. ``` div[class$="-btn"]:active{ opacity:.8 } ``` 可匹配到div,class为“-btn”结尾的元素 2. ``` div:[id^="item-"]{ color:red } ``` 可匹配到div,id为“item-”开头的元素 ......
[CSS 3] Container query
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_container_queries .container { container: article / inline-size; } h2 { font-size: 7cqw; } @conta ......
[CSS 3] margin-trim
The margin-trim property allows the container to trim the margins of its children where they adjoin the container's edges. https://developer.mozilla.o ......
[CSS 3] :has selector
html: <div class="post"> <h2>Post</h2> <a href="#"> a link</a> </div> <div class="post"> <h2>Post</h2> </div> <div class="post"> <a href="#"> a link</ ......
HTML&CSS
HTML HTML 是一门语言，所有的网页都是用HTML 这门语言编写出来的HTML(HyperText Markup Language)：超文本标记语言 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容 标记语言：由标签构成的语言HTML 运行在浏览器上， ......
SystemVerilog编码技巧
# 工程组织 可以将一些公用的变量定义成package，放到同一个sv文件中，然后在需要用到公用变量的文件中通过import来引用变量，创建filelist时，需要通过+incdir+(包含package的sv文件的路径)来指示，并将这些package的sv列在其他sv前面 ``` package ......