transform场景css
HTML5CSS3基础
HTML5CSS3基础 1 2D 转换 转换（transform）是 CSS3 中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果。 ......
学习html/css说一下
学习VUE遇到了困难，以前一直搞后端，前端基本上用现成的框架也控件，一直对前端不是太懂，说是入门还有得勉强， 所以最近一直在恶补html与css 还有js ts 目前刚刚学完html ,css学了一半，以前这些虽然用，但是第一次系统全面的学习还是第一次 对里面学到的各种html还有css的应用方法， ......
CSS基础（4）
[toc] # 1 定位 ## 1.1 为什么需要定位 1. 浮动可以让多个块级盒子一行没有缝隙排列显示， 经常用于横向排列盒子。 2. 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。 ## 1.2 定位组成 **定位**：将盒子**定**在某一个位置，所 ......
CSS画三角
### 1. 方法一 * 不追求三角形描边 ```scss &::after { position: absolute; content: ""; display: block; width: 0; height: 0; border: 10px solid; border-color: trans ......
面试题：HTTP Code码及应用场景分析
1xx 消息（临时响应） 属于临时相应，代表所发出的请求已经被接受，需要继续进行处理。只包含状态行和某些可选的响应头信息，并以空行结束。由于 HTTP/1.0 协议中没有定义任何 1xx 状态码，所以除非在某些试验条件下，服务器禁止向此类客户端发送 1xx 响应。 1、“100 Continue”（ ......
file input in bootstrap css file 中修改背景颜色和风格
use this may help you <div class="form-group"> <div class="fileUpload btn btn-primary"> <span>File input</span> <input type="file" id="exampleInputFil ......
记录--说一说css的font-size: 0
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 平常我们说的font-size：0；就是设置字体大小为0对吧，但是它的用处不仅仅如此哦，它还可以消除子行内元素间额外多余的空白！ 问题描述？ 是否出现过当多个img标签平铺的时候，会出现几个像素的间距？就像这样👇（为了醒目加了个红色的框 ......
18个工作中常用的CSS样式
01、页面动画出现闪烁 在Chrome and Safari浏览器中，在使用transforms或者animations这类过渡属性和动画的时候可能会出现页面的闪烁情况那此时我们就可以使用一下代码来尝试回避。 .cube { -webkit-backface-visibility: hidden; ......
四种常见进制的使用场景
十进制：日常使用最广泛的进制 二进制：计算机底层真正使用的进制 十六进制：二进制位数太多不好看，每4位合并成一个16进制位，便于观察，日常编程最常用的进制 八进制：每3位合并成一个8进制位，优点是不用引入新的字符（十六进制用A~F表示10到15） 问：既然已经有了十六进制，为什么还要有八进制？ 答： ......
Vertical Rhythm(垂直节奏)、CSS-in-JS、CSS Module 和shadow dom样式
一、 Vertical Rhythm(垂直节奏)是什么？有什么优点？（1）含义： 垂直节奏是一种网页排版的方法,它可以创建视觉上平衡且协调的布局。使页面上元素之间的空格彼此保持一致。垂直节奏是在基线的帮助下创建或维持的，用于创建一致空间的共同点。基线（由网格提供）是通常用于创建一致间距的公分母。也就 ......
MySQL中char与varchar的区别：存储机制、性能差异、适用场景
引用链接：https://www.maoyingdong.com/mysql-char-vs-varchar/ 在MySQL中，varchar和char都可以用来存储字符串。 从语义上看，varchar是变长的(Variable-length)，char是定长的(Fixed-length)。 本文基 ......
个人笔记，关于css样式
```css /*引入样式 */ html { /* px 表示 “像素（pixels）”: 基础字号为 10 像素 */ font-size: 20px; /* Google fonts 输出的 CSS */ font-family: 'Open Sans', sans-serif; } p, l ......
Django使用本地css/js文件
在网上看了很多说Django如何使用本地css/js的文章, 但都不能用 今天终于找到一个可以用的, 记录下 在manager.py同层级下创建static文件夹, 里面放上css , js, image等文件或者文件夹 我的文件夹层级 然后很简单，只需在settings.py中进行设置就行, 在末 ......
了解用例、用例场景、用户故事、流程图
 通常，作为设计师，我们会遇到不同的方法来记录我们的UI UX设计。这些方法可以根据需要详细或简单。用例、用例场景、 ......
【解惑】介绍三大数据库的with语句的写法及使用场景
WITH 子句通常被称为 "Common Table Expressions"（CTE），俗称内存临时表，当使用 WITH 语句时，应注意具体的数据库版本和支持情况。以下是对 MySQL、Microsoft SQL Server（MSSQL）和 Oracle 数据库的 WITH 语句用法示例，以及在 ......
记录--基于css3写出的流光登录（注释超详细！）
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 完整效果 对基本的表单样式进行设置 这里设置了基本的表单样式，外层用了div进行包裹，重点是运用了两个i元素在后期通过css样式勾画出一条线没在聚焦文本框的时候线会过度成一个对话框，掩盖掉原本的对话框的形式，很好的一个创意 <body> ......
@Order 一个使用场景
@order注解是spring-core包下的一个注解，@Order的作用是定义Spring IOC容器中Bean的执行顺序的优先级（这里的顺序也可以理解为存放到容器中的先后顺序）。 遇到过使用@Order的场景： 某个利用Redis incr自增编码，服务迁移，Redis数据没有维护好，导致自增的 ......
h5(html5)+css3前端笔记二
###HTML标签 ####表格标签 表格的主要作用： 表格主要用于**显示、展示数据**，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。 1.``用来定义表格的标签。 2.``用来定义行的标 ......
Pycharm配置less编译生成的css文件到指定目录
### 一、当前演示项目目录  ### 二、标记less文件夹为资源目录 > 不标记其实也不影响 ![i ......
CSS 布局面试题目
## 盒子模型 - 盒子模型包含margin,padding,border,content四个内容 - 盒子模型可分为`标准盒模型`和`怪异盒模型` - 盒子模型可通过`box-sizing`设置 ## margin 和 padding的区别 - margin用来设置元素之间的距离 - paddin ......
react使用tailwind.css
> Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如 flex，pt-4，text-center和 rotate-90 这样的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。官网：https://tailwindcss.com/ ## 1.安装 - 以 vite + ......
聚焦 TimescaleDB VS TDengine 性能对比报告，IoT 场景下全面分析写入与查询
基于第三方基准性能测试平台 TSBS（Time Series Benchmark Suite） 标准数据集，TDengine 团队在 TSBS 的 IoT 场景中，预设了五种规模的卡车车队基础数据集，在相同的 AWS 云环境下对时序数据库（Time Series Database） TDengine ......
Java面试题 P44：框架篇：Spring- Spring事务失败的场景有哪些？
Spring事务失败的场景有哪些？ 1、异常捕获处理 2、抛出检查异常 3、非public方法 1、异常捕获处理 正常代码： 异常代码，执行后会执行事务，但是加了TryCatch后会出现事务失效。 模拟异常代码位置之上正常执行，并且事务会提交，被转账的用户代码不会执行，事务失效。 2、抛出检查异常 ......
css三栏布局
三栏布局：它是一种经典的布局方式；在页面上呈现左中右三列布局，其特点是左右两端固定，中间宽度自适应， 1.浮动布局 左右两个div分别左右浮动，中间的用magin-left与magin-right撑开 缺点：要考虑清除浮动带来的影响（父容器高度塌陷），主要内容无法最先加载。 2.定位布局 子绝父相 ......
RabbitMQ（五）延时队列及其在分布式事务的使用场景
### RabbitMQ（五）延时队列 延时队列的使用场景： - 未支付订单，超过一段时间后，系统自动取消订单并释放占有物品 - 锁定库存一段时间后，检查订单不存在或者被取消，则解锁库存 #### 1 定时任务存在的问题 如果使用Spring Schedule定时轮询数据库，则 - 消耗系统 ......
css给元素前面或后面的元素加样式
- h1:has(+p) { color:red; } div+p{ color:green; } <h1>红色</h1> <p>黑色</p> <div>绿色</div> <p>黑色</p> - ......
odoo15引入和使用css
1、增加一个css文件base.css，如下图： ``` .bxbase{ color: red; } ``` 2、在__manifest__中添加引用 ``` 'assets': { 'web.assets_backend': [ 'testaddons/static/src/css/base.c ......
@Transactional 注解下，事务失效的七种场景
1、异常被捕获后没有抛出 当异常被捕获后，并且没有再抛出，那么deleteUserA是不会回滚的 @Transactionalpublic void deleteUser() { userMapper.deleteUserA(); try { int i = 1 / 0; userMapper.de ......
css超出隐藏、显示省略号
超出一行隐藏: overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 ____________________________________________________ ......