transform css
css屏蔽图片长按选中下载
在移动端开发中，我们通常不希望页面的图片被长安选中可下载，会禁用图片选中事件，这时，css不能使用通配符全局设置 pointer-events:none; 否则会把所有点击事件禁用。 解决方案 img { box-sizing: border-box; -moz-user-select: none; ......
css border不能同时设置圆角和 border-image
如标题，css border不能同时设置圆角和 border-image，当我想要实现既有圆角，并给圆角加 border-image的时候，发现无法同时生效，只有 border-image会生效。 <!DOCTYPE html> <html lang="en"> <head> <meta chars ......
CSS精灵技术
一、CSS精灵 需求： 当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。然而，一个网页中往往会用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求，这将大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数，提高页面的 ......
CSS :last-child选中不了元素
1.情况：当div：finaincingMark-right-item后还有div：sliderLine时，使用finaincingMark-right-item:last-child无法选中finaincingMark-right-item遍历后的最后一个div：finaincingMark-ri ......
CSS中实现元素居中的七种方法总结
在前端开发中，经常需要将元素居中显示，CSS提供了多种技术方法来实现元素的居中，在不同场景下有不同的使用方法、不同的效果，需要特别记住它们的应用场景才能够正常的居中。这篇文章就大致总结一下CSS中的居中方法。 一、元素分类 在CSS中，元素大致可以分为以下几种： 1.块级元素（Block-level ......
CSS font-weight
主要理解UI给得英文名 对应得数值 字体粗细：‘font-weight’属性名称： font-weight取值： normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900初始： nor ......
css grid布局(网格布局)笔记
## Grid 布局 ### 网格布局的基本概念 [CSS 网格布局](https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_grid_layout)引入了二维网格布局系统，可用于布局页面主要的区域布局或小型组件。 #### 什么是网格？ 网格是一 ......
使用 Transformers 为多语种语音识别任务微调 Whisper 模型
本文提供了一个使用 Hugging Face 🤗 Transformers 在任意多语种语音识别 (ASR) 数据集上微调 Whisper 的分步指南。同时，我们还深入解释了 Whisper 模型、Common Voice 数据集以及微调等理论知识，并提供了数据准备和微调的相关代码。如果你想要一个 ......
CSS
# 第1章 CSS简介 ## 1.1 HTML的局限性 1. **HTML是一个非常单纯的东西，只关注内容的语义** ## 1.2 CSS—网页的美容师 1. **CSS是层叠样式表的简称。** 2. 有时我们也会称为CSS样式表和级联样式表。 3. CSS也是一种标记语言。 4. CSS主要用于设 ......
css居中（自己常用的，不全）
水平居中: 1.text-aligin:center 如果仅使用 text-align:center; 是无法达到水平居中的效果的，为什么？ text-align:center; 需要在行内块元素上使用的，而盒子是块级元素，所以，需要将盒子转换为行内块元素 text-align:center; 才能 ......
AI_Pytorch_Transformer
###基本概念 self-attention最经典的公式 q：query，用来匹配其他单元 k：key，用来被其他单元匹配 v：value，需要被提取的信息 位置编码positon 绝对位置信息：每个词的embedding向量内部顺序 相对位置信息：每个词和每个词之间的顺序（作用于自注意力机制） 目 ......
css常用技巧
1、多行文本溢出隐藏 ```css div{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; // ......
《深入解析 css》笔记
第一章：层叠、优先级和继承 1.优先级：！important>行内样式>id 选择器>类选择器>标签选择器 2.两条经验法则：选择器少用 id；少用!important。 3.使用 inherit 属性使元素属性继承自父元素，方便修改。 4.使用简写属性的时候会默认给细化的属性赋默认值，如标签 h1 ......
《css 揭秘》笔记
粗读了《css 揭秘》这本书，里面提到的很多技巧和操作暂时用不到，可以在用到时当工具书看，目前对我有帮助的几个技巧做了个笔记。 尽量使用相对单位。line-height 与 font-size 的比例而不要使用绝对值。em 单位（相对于当前元素的字体大小）可以在修改字体尺寸同时修改其他的数值。rem ......
CSS实现根据子元素数量应用不同样式
theme: condensed-night-purple highlight: atelier-cave-light 在前端的页面布局中经常会出现在子元素个数使用不同的样式的需求，比如文章列表，在较少内容下单列表现，而在元素内容较多时使用双列表现。再比如在页面排版上，可以根据元素内容的多少来修改内 ......
css颜色变淡和变浅方法收集(模拟sass的darken和lighten函数)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
selenium中使用CSS 定位
CSS 是一种语言，用来描述 HTML 和 XML 文档的表现。CSS 使用选择器为页面元素 绑定属性。 CSS 选择器可以较为灵活地选择控件的任意属性，一般情况下，CSS 定位速度比 XPath 定位速度快 通过 CSS Selector 选择单个元素的方法是 find_element(By.CS ......
微前端中的CSS
我被问得最多的问题之一是如何在微前端中处理 CSS。毕竟，样式始终是任何UI 片段所需要的东西，然而，它也是全局共享的东西，因此是潜在的冲突来源。 在这篇文章中，我想回顾一下现有的不同策略来驯服 CSS 并使其扩展以开发微前端。如果这里的任何内容对您来说听起来合理，那么也可以考虑研究“微前端的艺术” ......
Bertviz: 在Transformer模型中可视化注意力的工具（BERT，GPT-2，Albert，XLNet，RoBERTa，CTRL，etc.)
BertViz BertViz是一个在Transformer模型中可视化注意力的工具，支持transformers库中的所有模型（BERT，GPT-2，XLNet，RoBERTa，XLM，CTRL等）。它扩展了Llion Jones的Tensor2Tensor可视化工具和HuggingFace的tr ......
【CSS】写一个原生的透明 input 标签输入框
 ```html ``` ```css .search { height: 32px; width: 204px; dis ......
vue 电池样式组件 css样式
效果如图：（背景图片自行替换） 这是用纯css写的电池样式，获取数据后，找出最大值，并计算长条的宽度，从而完成样式。 话不多说上代码： <!-- * @Description:电池样式组件 * @Author: 如意酱 * @Date: 2022-01-08 13:31:37 * @LastEdit ......
css属性中的 filter 和 backdrop-filter 使用
filter CSS属性 filter 将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染。 mdn 文档：https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter /* URL to SVG filter */ fil ......
css关键字unset的含义？
unset是css的关键字，将一个属性的属性值设置为unset，目的是将一个属性重新重新设置为其从父母那继承的属性值，如果没有继承则是重置成初始值。 它可以应用到所有的css属性上，包括css简写。 转自：https://www.cnblogs.com/Janejxt/p/7490997.html ......
Bert Pytorch 源码分析：三、Transformer块
```py # PFF 层，基本相当于两个全连接 # 每个 TF 块中位于注意力层之后 class PositionwiseFeedForward(nn.Module): "Implements FFN equation." def __init__(self, d_model, d_ff, dro ......
视频直播网站源码，CSS实现吃豆豆效果
视频直播网站源码，CSS实现吃豆豆效果 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht ......
CSS样式(内联、内部、外部)
https://blog.csdn.net/xiji333/article/details/111283931 文章目录1.内联样式2.内部样式3.外部样式1.内联样式 内联样式，又称行内样式。在标签内部通过s t y l e stylestyle属性来设置元素的样式。 <!DOCTYPE html ......
爬虫如何通过HTML和CSS采集数据的 ？
爬虫可以应用于各种应用场景，包括数据分析、市场研究、舆情监测、竞争报、价格比较、内容聚合等。对于需要大量数据的业务和研究领域，爬虫能够提供宝贵的支持。 爬虫可以按照设定的规则从多个网进行批量数据抓取，比人工手动方式更高效。量数据，并支持后续的数据分析和决策。 爬虫可以通过解析HTML和CSS来采集数 ......
HTML+CSS基础知识
## 1. HTML ### 1.1 基础标签的使用 ## 2. CSS **CSS** (Cascading Style Sheets，层叠样式表） ### 2.1 HTML中引入CSS的方式 - 行内式 ```css ``` - 内嵌式 ```css ``` - 外联式 ```css ``` # ......