省略号 长度 范围css
CSS水平垂直居中
使用flex布局 <div class="content"> <div class="box"> </div> </div> .content{ height: 100vh; display: flex; justify-content: center; align-items: center; } ......
使用CSS的cross-fade()实现基于url的网页背景图半透明显示
参考链接：https://www.zhangxinxu.com/wordpress/2020/07/css-cross-fade-background-image-opacity/ 引子 在开发过程中，碰到了一个比较特别的情况，就是使用url()背景图像，同时又希望background-image背 ......
css元素水平垂直居中
1、单行文字的处理 <html> <head> <style> /* 要点，设置行高和DIV的行高一行 */ #div{ background-color: antiquewhite; height: 100px; line-height: 100px; text-align: center; } ......
获取数组长度
部分转载自作者：Minority链接：https://www.jianshu.com/p/aecbd7db95bb来源：简书已标明出处 一、sizeof() sizeof()运算符用来求对象所占内存空间的大小。 char c[] = "hello";char* cc = c; int a[] = { ......
css 渐变与背景裁剪
1.css的渐变 线性渐变 /* 线性渐变 */ .one { width: 300px; height: 300px; background: linear-gradient(to right, rgb(244, 239, 239) 2%, rgb(0, 9, 0) 5%, rgb(244, 23 ......
[转]CSS单位em和rem
原文地址:em和rem - WananPr1st - 博客园 em和rem都是相对单位，由浏览器转换为像素值，具体取决于设计中的字体大小设置。1em或者1rem会被浏览器解析成从16px到160px或者其他任意值。 em和rem单位之间的区别是浏览器根据谁来转化成px值的。 1.em em是相对于被 ......
css多个元素一行排列的方法
1、弹性盒子模型（FlexBox），不考虑兼容性问题的情况下，建议新手直接使用这种模式，简单，最重要的是元素不会浮动，不会影响后面的元素的布局，比如下面代码中的我在底层这个div的显示没有任何影响。 <html> <head> <style> #tasklist{ background-color: ......
你也许不再需要使用 CSS Media Queries（媒体查询）了
你也许不再需要使用 CSS Media Queries（媒体查询）了 最近，CSS 引入了一项新功能：Container Queries。它可以替代 Media Queries 并实现 Media Queries 无法胜任的任务。 超越 Media Queries 的功能 让我们想象一个场景：在网页 ......
C#判断当前时间是否在规定时间段范围内（二维数组超简版）
直接上C#代码 TimeSpan nowTime = DateTime.Now.TimeOfDay; string[,] arr = { { "7:50", "8:10" }, { "9:55", "10:15" }, { "13:55", "14:10" }, { "15:55", "16:10" ......
html+css3+anime.js实现线条来回滑动且渐隐动画
效果： 代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=devic ......
新手如何用Airtest实现在图片范围内随机点击？
新手同学初学自动化测试很苦恼怎么办？不要慌，我们教你如何将需求变现，利用Airtest实现在图片范围内随机点击的例子，教会你如何get到学习Airtest的正确姿势~ ......
html+css3+anime.js实现文字故障动画
记录一个很酷的动画，效果如图： 是基于html+css3+anime.js实现的，看了眼代码，其实是默认文字的div中定位了几个相同的文字块，利用clip-path这个属性去裁剪展示其中的一部分，用于展示故障的效果，动画则是使用anime.js去循环改变X与Y轴的位置，同时调整绘制的颜色，demo代 ......
为何整型范围中负数比正数多一个？
1.问题 如图所示，整型范围中，负数均比正数多一个？ 2.解决方案 引用博客链接：https://juejin.cn/post/7128196204655018014 2.1引子 所有的负数范围都比整数多 1 个数字，其实这是计算机的存储和加减运算机制决定的。 首先，计算的存储只有 0 和 1，每个 ......
2023-10-18：用go语言，给定一个数组arr，长度为n，表示有0~n-1号设备， arr[i]表示i号设备的型号，型号的种类从0~k-1，一共k种型号， 给定一个k*k的矩阵map，来表示型号
2023-10-18：用go语言，给定一个数组arr，长度为n，表示有0~n-1号设备， arr[i]表示i号设备的型号，型号的种类从0~k-1，一共k种型号， 给定一个k*k的矩阵map，来表示型号之间的兼容情况， map[a][b] == 1，表示a型号兼容b型号， map[a][b] == 0 ......
CSS-04
定位 将盒子定在一固定位置 组成 定位模式+边偏移 定位模式 static-静态定位(标准流)（相当于无定位） relative-相对 absolute-绝对（脱标） fixed-固定（脱标） 相对定位 相对位置 position: relative; top: 100px; 相对自己的位置移动 ......
经验：变长度参数
#include <stdio.h> int printf(const char *format, ...); int fprintf(FILE *stream, const char *format, ...); int dprintf(int fd, const char *format, .. ......
css设置backgroud：url(),无效
react项目中，使用styled-components编写样式，给元素添加背景图不生效。 background直接设置十六进制颜色或者颜色的英文名称都是可行的，但是使用url无作用，那就是url问题了，于是我想换一种思路，能不能把图片import进来，放进url里，避免错误的路径呢，于是 哎嘿，好 ......
PMP项目章程和项目范围说明书区别
项目章程是由项目启动者或发起人发布的，正式批准项目成立，授权项目经理使用组织资源开展项目活动的文件。记录了关于项目和项目预期交付的产品、服务或成果的高层级信息。 项目章程是对项目经理的授权书，是项目团队成员的护身符。 对项目章程有疑问时，项目经理应与项目发起人商谈。 项目章程中包括： 项目目的；可测 ......
CSS 还原拉斯维加斯球数字动画
我的小册 《CSS 技术揭秘与实战通关》上线了，想了解更多有趣、进阶、系统化的 CSS 内容，可以猛击 - LINK。 最近大家刷抖音，是否有刷到拉斯维加斯的新地标 「Sphere」： 场馆内部的视觉效果非常惊人，其中一个效果让我虎躯一震： 我的第一想法就是，这个看起来用 CSS 也可以实现嘛？还有 ......
[Leetcode] 0058. 最后一个单词的长度
58. 最后一个单词的长度 题目描述 给你一个字符串 s，由若干单词组成，单词前后用一些空格字符隔开。返回字符串中 最后一个 单词的长度。 单词 是指仅由字母组成、不包含任何空格字符的最大子字符串。 示例 1： 输入：s = "Hello World" 输出：5 解释：最后一个单词是“World”， ......
CSS:@keyframes和animation
一、@keyframes定义动画 通过 @keyframes 规则，您能够创建动画。创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，您能够多次改变这套 CSS 样式。 以百分比来规定改变发生的时间，或者通过关键词 "from" 和 "to"，等价于 0% 和 100%。0% ......
2前端开发css
form表单 '''获取前端用户数据并发送给后端服务器''' <from action = ""></from> #需要再form标签内部编写获取用户数据标签 #1属性action 控制数据的提交地址 方式1：写全路径 action = "http://www.aa7a.cn/user.php" 方 ......
请完善课上的口算题卡代码，实现重复题目的检测、题目数字范围、加减乘除算式的参数化等扩展功能，提交代码和运行截图。
import java.util.HashSet;import java.util.Random;import java.util.Set;public class MathQuizGenerator { public static void main(String[] args) { int nu ......
CSS-03
去掉li前面的项目符号：list-style：none 圆角边框 border-radius: 12px;可以是px或百分比 若将正方形改为圆形，则：border-radius: 50%;或者将其设为宽度的一半。 盒子阴影 box-shadow: 8px 10px 10px 10px rgba(0, ......
CSS - 放大缩小淡入淡出效果
效果图： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS Zoom in and out Animation</title> <style> @-webkit-keyframes zoomIn { f ......
[学习笔记] 有关CSS响应式设计的单位
em 和 rem 单位：em 和 rem 是相对于元素的字体大小计算的单位。em 单位是相对于父元素的字体大小，而 rem 单位是相对于根元素（通常是 <html> 元素）的字体大小。em 和 rem 单位可以用于实现相对于字体大小的自适应布局。 vw 和 vh 单位：vw 和 vh 是视口宽度和视 ......
cad：缩放sc，参照的利用，把物体缩放到指定长度
1.sc——选中图形——空格——随便选择一个基点——输R——空格——选择要缩放的边两个端点——输入要变成的长度 2.把房屋平面图缩放到正确比例 1.画一个真实4300的线段，起点要和图片上起点在同一点 2.sc——点平面图上的4300两个端点——点真实4300长线段终点——完成图片4300变真430 ......
26个CSS超实用技巧
1.文字溢出显示省略号 单行文字： 一定要设置宽度 p{ • width:200px; • overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 多行文字溢出显示省略号p{display:-webkit-bo ......
Tailwind CSS 速查
Tailwind CSS 提供了大量的实用程序类，这些类名都是使用缩写的方式，以更简洁地表述其含义。以下是一些常用的 Tailwind CSS 缩写及其对应的意义： 布局 w: width max-w: max-width h: height max-h: max-height m: margin ......
什么？？？CSS也能原子化！
原子化CSS是一种CSS的架构方法，倾向于使用用途单一且简单的CSS，通常是根据视觉效果进行类的命名，不同于BEM规则的CSS，原子的意思就是将CSS进行拆分，每个样式都有一个唯一的CSS规则 ......