实用技巧 技巧css

CSS01.认识css

1.什么是CSS? CSS是用于页面展示的语言 CSS决定了页面长什么样子 2.开发者工具 vscode快捷操作 1、快速复制一行 ctrl+c 然后 ctrl+v 2、选定多个相同的单词 双击选定一个单词然后ctrl+d 3、添加多个光标 ctrl+Alt+上箭头(下箭头) 4、全局替换某写单词 ......
CSS css 01

CSS02.css构成

为网页添加样式 术语解释 h1 { color:red; background-color: lightblue; text-align: center;} CSS规则 = 选择器(“{”前面的)+ 声明块 声明块 出现在大括号中({}) 声明块中包含很多声明(属性),每一个声明(属性)表达了某一方 ......
CSS css 02

纯 CSS 实现瀑布流式排版

最近写了个页面,想到了用瀑布流实现页面布局。在我看来一个合格的横向瀑布流式布局包含以下几个条件: 1、每个内容块高度可以不等,但宽度相等。 由于内容的不确定性,内容块的高度应根据内容高度伸缩。高度相等的话就变成了网格布局,规整倒是规整,不仅没有瀑布效果,内容的个性也无从体现。 2、内容块应进行横向排 ......
瀑布 CSS

普通css实现table表格过长数据隐藏,鼠标停留显示全部

在<style></style>中添加下面代码 table { table-layout: fixed; /* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */ } table td { position: relative; /*width: 80px;*/ height: ......
表格 鼠标 数据 table css

benchmark实用命令

获取所有key: etcdctl get --prefix "" --endpoints=192.168.43.104:12379 删除所有key: etcdctl del --prefix "" --endpoints=192.168.43.104:12379 查询etcd节点状态: etcdct ......
benchmark 命令

CSS实现跑马灯效果

盒子区域 创建一个大盒子,用来装我们的广告语,还有跑马灯的四个小盒子 <div class="box"> <div></div> <div></div> <div></div> <div></div> 创意广告 </div> 设置box样式 * { padding: 0; margin: 0; } ......
跑马灯 效果 CSS

CAD如何检查线是否连接?CAD线段连接检查技巧

在CAD制图过程中,当需要生成填充、计算面积和生成面域时,偶尔会遇到区域未封闭的情况。此时便需要检查图纸中的CAD线段连接状态,那CAD如何检查线是否连接呢?本文小编就来给大家分享一下浩辰CAD软件中快速检查CAD线段连接状态的相关操作技巧吧! 浩辰CAD软件中可以通过调用检查线段连接功能来检查断点 ......
线段 CAD 技巧

CAD炸开快捷键是什么?CAD炸开快捷键命令使用技巧

在CAD设计过程中,有时候会需要将图纸中的某些CAD图块炸开,使其分解为原本的组成对象。那你知道CAD炸开快捷键是什么吗?本文就和小编一起来了解一下浩辰CAD软件中CAD炸开快捷键命令的相关使用技巧吧! CAD炸开快捷键是什么? 浩辰CAD软件中炸开快捷键是:X,全称:EXPLODE;作用就是将复合 ......
快捷键 使用技巧 CAD 命令 技巧

CAD云线快捷键是什么?CAD云线快捷键命令使用技巧

CAD云线也叫修订云线,其是由连续圆弧组成的多段线,主要用于在检查阶段提醒用户注意图形的某个部分,相当于图纸上的注释或批注,以便阅图者查阅或修改。那么,你知道CAD云线快捷键是什么吗?下面就和一起来看看浩辰CAD软件中CAD云线快捷键命令的使用技巧吧! CAD云线快捷键命令是:REVCLOUD。 C ......
快捷键 使用技巧 CAD 命令 技巧

CAD如何设置多个视口同步?CAD视口同步设置技巧

在CAD绘图过程中,如果想要多个CAD视口同步,该如何操作呢?本节内容小编就以浩辰CAD软件为例来给分享一下多个CAD视口同步的设置技巧,一起来看看吧! CAD视口同步设置技巧: 浩辰CAD软件扩展工具中提供了CAD视口同步功能,其可用于将一个或多个相邻的布局视口中的视图与主布局视口对齐。所有同步视 ......
CAD 多个 技巧

nginx配置小技巧

rewrite location ~ ^/file/ { rewrite "^/file/(.*)$" /$1 break; #proxy_pass_request_headers on; proxy_pass http://172.25.114.5:19000; # minio服务地址 } 实现效 ......
技巧 nginx

tcl实用proc

1. 判断alist是否为空 2. 搜索目录下匹配关键词的最新的文件 3. 读file内容返回lines list 4. 从匹配关键词file_pattern的文件中filter出含关键词text_pattern的文件 5. 从scan report中获取 chain长度 6. 从report中获取 ......
proc tcl

css实现霓虹灯特效字体

在开始之前先了解外部字体的引入: vite中字体的引入方法(.otf字体等)如下: 1、在src下的assets文件夹下创建font文件夹,将下载好的字体包放到该文件夹下 2、在font文件夹下创建font.css文件,如果你用的是scss,那么就是font.scss。less同理。 3、在font ......
霓虹灯 霓虹 特效 字体 css

Python小练习:class使用中的一些技巧

Python小练习:class使用中的一些技巧 作者:凯鲁嘎吉 - 博客园 http://www.cnblogs.com/kailugaji/ 本文主要介绍Python代码中@property、pass、@abc.abstractmethod、raise NotImplementedError、su ......
技巧 Python class

Unity3D 小案例技巧06------Post processing 光效后期处理案例-路灯+烘培光

使用Unity2021编辑器 1.关闭默认光源 2.创建地面和路灯模型 3.在Cylinder02下创建Light >灯光Spot Light,再将光的方向调整到下方和光的强度设置为3 4.使用Cube搭建一个房子,给房子里放一个灯光照向窗户 烘培光操作:1.创建Area Light 2.调整光范围 ......
光效 案例 路灯 processing Unity3D

CSS 组合选择符

CSS 组合选择符 组合选择符说明了两个选择器之间的关系。 CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器(以空格 分隔) 子元素选择器(以大于 > 号分隔) 相邻兄弟选择器(以加号 + 分隔) 普通兄弟选择器(以波浪号 ~ 分隔) 后代选择器 后代 ......
CSS

CSS必知必会

CSS概念 css的使用是让网页具有统一美观的页面,css层叠样式表,简称样式表,文件后缀名.css css的规则由两部分构成:选择器以及一条或者多条声明 选择器:通常是需要改变的HTML元素 声明:由一个属性和一个值组成,每个属性有一个值,属性和值使用类似key:value的形式(如下方h1就是选 ......
CSS

了解CSS Module作用域隔离原理

CSS Module出现的背景 我们知道,Javascript发展到现在出现了众多模块化规范,比如AMD、CMD、 Common JS、ESModule等,这些模块化规范能够让我们的JS实现作用域隔离。但CSS却并没有这么幸运,发展到现在却一直没有模块化规范,由于CSS是 根据选择器去全局匹配元素的 ......
原理 作用 Module CSS

Qt实用技巧:在CentOS上使用linuxdeployqt打包发布qt程序

前言 之前在ubuntu上发布qt程序相对还好,使用脚本,在麒麟上发布的时候,使用脚本就不太兼容,同时为了实现直接点击应用可以启动应用的效果,使用linuxdeployqt发布qt程序。 本篇文章依然是继续发布主题,有centOS的qt项目需要发布,系统是CentOS8.2,同时也做了CentOS7 ......

CSS 高阶小技巧 - 角向渐变的妙用!

本文将介绍一个角向渐变的一个非常有意思的小技巧! 我们尝试使用 CSS 绘制如下图形: 在之前,类似的图案,其实我们有尝试过,在 单标签实现复杂的棋盘布局 一文中,我们用单标签实现了这样一个棋盘布局: 那么,本文有什么特殊之处呢?让我们一探究竟。 快速实现网格布局 首先,上述的布局还是希望使用一个标 ......
高阶 妙用 技巧 CSS

Unity JobSystem使用及技巧

什么是JobSystem 并行编程 在游戏开发过程中我们经常会遇到要处理大量数据计算的需求,因此为了充分发挥硬件的多核性能,我们会需要用到并行编程,多线程编程也是并行编程的一种。 线程是在进程内的,是共享进程内存的执行流,线程上下文切换的开销是相当高的,大概有2000的CPU Circle,同时会导 ......
JobSystem 技巧 Unity

Git 小技巧:忽略某些文件的更改

作为一枚合格的代码贡献者,时常需要跟踪自己或者团队代码的变更,那么就很有必要了解并掌握一些软件代码版本管理工具或者系统,比如 Git、SVN、CVS、VSS等。 ......
技巧 文件 Git

K8S 实用工具之四 - kubectl实用插件

开篇 📜 引言: 磨刀不误砍柴工 工欲善其事必先利其器 第一篇:《K8S 实用工具之一 - 如何合并多个 kubeconfig?》 第二篇:《K8S 实用工具之二 - 终端 UI K9S》 第三篇:《K8S 实用工具之三 - 图形化 UI Lens》 在《K8S 实用工具之一 - 如何合并多个 k ......
实用工具 插件 kubectl 工具 K8S

K8S 实用工具之五-kompose

开篇 📜 引言: 磨刀不误砍柴工 工欲善其事必先利其器 第一篇:《K8S 实用工具之一 - 如何合并多个 kubeconfig?》 第二篇:《K8S 实用工具之二 - 终端 UI K9S》 第三篇:《K8S 实用工具之三 - 图形化 UI Lens》 第四篇:《K8S 实用工具之四 - kubec ......
实用工具 kompose 工具 K8S K8

K8S 实用工具之一 - 如何合并多个 kubeconfig?

开篇 📜 引言: 磨刀不误砍柴工 工欲善其事必先利其器 K8S 集群规模,有的公司倾向于少量大规模 K8S 集群,也有的公司会倾向于大量小规模的 K8S 集群。 如果是第二种情况,是否有一个简单的 kubectl 命令来获取一个 kubeconfig 文件并将其合并到 ~/.kube/config ......
实用工具 kubeconfig 多个 工具 K8S

K8S 实用工具之三 - 图形化 UI Lens

开篇 📜 引言: 磨刀不误砍柴工 工欲善其事必先利其器 第一篇:《K8S 实用工具之一 - 如何合并多个 kubeconfig?》 第二篇:《K8S 实用工具之二 - 终端 UI K9S》 像我这种,kubectl 用的不是非常溜,经常会碰到以下情况: 忘记命令,先敲 --help,再敲命令,效率 ......
实用工具 图形 工具 Lens K8S

K8S 实用工具之二 - 终端 UI K9S

开篇 📜 引言: 磨刀不误砍柴工 工欲善其事必先利其器 第一篇:《K8S 实用工具之一 - 如何合并多个 kubeconfig?》 像我这种,kubectl 用的不是非常溜,经常会碰到以下情况: 忘记命令,先敲 --help,再敲命令,效率低 忘记加 -n 指定 namespace 太长的命令经常 ......
实用工具 终端 工具 K8S K9S

CSS 数学函数与容器查询实现不定宽文本溢出跑马灯效果

在许久之前,曾经写过这样一篇文章 -- 不定宽溢出文本适配滚动。我们实现了这样一种效果: 文本内容不超过容器宽度,正常展示 文本内容超过容器的情况,内容可以进行跑马灯来回滚动展示 像是这样: 但是,之前的方案,有一个很明显的缺点,如果我们事先知道了容器的宽度,那么没问题,但是如果没法确定容器的宽度, ......
跑马灯 容器 函数 文本 效果

巧用 CSS 变量,实现动画函数复用,制作高级感拉满的网格动画

本文将介绍一种基于 CSS 变量技巧,通过合理使用 CSS 变量,实现 CSS 动画 @keyframes 的复用。 CSS 变量 CSS 变量大家应该都比较熟悉了,已经不能算是新知识了,快速过一遍。 CSS 变量(CSS Variable),在之前也叫做 CSS 自定义属性,其使用方式如下: // ......
动画 网格 变量 函数 CSS

白 - 权限提升和漏洞利用技巧

Windows服务 1.不安全的服务文件权限或路径 基本原理 Windows服务是一种在后台运行的计算机程序,它在概念上类似于Unix守护进程。 每个Windows服务都将其可执行文件的路径存储在称为BINARY_PATH_NAME的变量中。当启动服务时,会检查此变量并执行其下设置的.exe文件。 ......
漏洞 权限 技巧