optimized images serve css
background-image
linear-gradient(270deg, rgba(255, 76, 77, 0.35) 0%, rgba(255, 153, 51, 0.35) 12.5%, rgba(255, 191, 0, 0.35) 25%, rgba(38, 217, 127, 0.35) 37.5%, rgba( ......
css实现文字的条纹阴影效果
先写下一段文字 添加重复的线性渐变，该渐变倾斜45deg（倾斜角度依需求设置） 上面的为黑色、透明色的渐变，实际上渐变的颜色需要跟文字的背景颜色相同，如果文字的背景色是白色那么渐变的颜色就是白色、透明色，白色用来融入背景，透明色用来显示被遮住的文字，如下: 写下相同的文字，覆盖条纹阴影，调整文字的位 ......
css样式基础
标签选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小米</title> <style type="text/css"> #menu{ background: red; height: 80px; } ......
css实现折扇案例
搭建扇子结构 <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12&l ......
css实现一个太极案例
搭建一个太极的盒子 <body> <div></div> </body> 样式（使用 linear-gradient线性渐变；radial-gradient径向渐变） <style> body { background-color: lightcyan; } div { width: 200px; ......
css实现三角形
界面搭建<i></i> 1、右三角形 i { width: 0; height: 0; border: 20px solid transparent; border-left: 20px solid red; } 实现效果： 2、下三角形 i { width: 0; height: 0; borde ......
使用css实现图片轮播功能
功能实现： 先搭建一个用于轮播的容器，水平置入需要轮播的图片，设置图片大小为容器的大小，超出容器的部分隐藏显示 然后用动画使每次需要轮播时让图片向左平移容器的宽度，这样一个简单的轮播就做好了 废话不多说，世界上案例吧 界面搭建 <body> <div class="swiper-container" ......
css中关于超出显示省略号
1、单行超出显示省略号 overflow: hidden; //超出隐藏 text-overflow: ellipsis; //文本超出时显示省略号 white-space: nowrap; //设置文本不换行 2、多行超出显示省略号 overflow: hidden; //超出隐藏 text-ov ......
css笔记
水平布局 这段时间编写静态页面，学习了几种水平布局，其中有不小的差异和注意事项，特此记录汇总一下。 1. display: inline-block 将元素修改为行内块元素，可以在不脱离文档流的情况下实现水平布局，且兼容性极佳。 但是存在元素上下、左右边距不贴合的问题，解决方法如下： 设置父元素fo ......
CSS 媒体查询 @media【详解】
关于媒体查询的一篇好文推荐 https://blog.csdn.net/weixin_41192489/article/details/126028971 ......
一统天下 flutter - widget 媒体类: Image - 图片
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 媒体类: Image - 图片 示例如下: lib\widget\media\image.dart /* * Image - 图 ......
IAR C-SPY读写program image的过程总结
如果一块block第一次写，那么先擦干净，然后设置好关于 block大小和地址 的 RAM参数，然后再讲image写入相应的flashblock中。 如果一块block已经开始写了，（省略的步骤..............................................）, 那么C- ......
CSS flex布局-解决最后一行元素对齐问题
justify-content对齐问题 在CSS flex布局中，justify-content属性可以控制列表的水平对齐方式，例如space-between值可以实现两端对齐。 但是，如果最后一行的列表的个数不满，则就会出现最后一行没有完全垂直对齐的问题 .container { display: ......
CSS盒子模型(Box Model)
CSS盒子模型(Box Model) 概念 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用 CSS盒子模型本质上是一个盒子,封装周围的HTML元素,它包括: 外边距(margin),边框(border),内边距(padding),和实际内容(conte ......
CSS01.认识css
1.什么是CSS？ CSS是用于页面展示的语言 CSS决定了页面长什么样子 2.开发者工具 vscode快捷操作 1、快速复制一行 ctrl+c 然后 ctrl+v 2、选定多个相同的单词 双击选定一个单词然后ctrl+d 3、添加多个光标 ctrl+Alt+上箭头（下箭头） 4、全局替换某写单词 ......
CSS02.css构成
为网页添加样式 术语解释 h1 { color:red; background-color: lightblue; text-align: center;} CSS规则 = 选择器（“{”前面的）+ 声明块 声明块 出现在大括号中（{}） 声明块中包含很多声明（属性），每一个声明（属性）表达了某一方 ......
纯 CSS 实现瀑布流式排版
最近写了个页面，想到了用瀑布流实现页面布局。在我看来一个合格的横向瀑布流式布局包含以下几个条件： 1、每个内容块高度可以不等，但宽度相等。 由于内容的不确定性，内容块的高度应根据内容高度伸缩。高度相等的话就变成了网格布局，规整倒是规整，不仅没有瀑布效果，内容的个性也无从体现。 2、内容块应进行横向排 ......
普通css实现table表格过长数据隐藏，鼠标停留显示全部
在<style></style>中添加下面代码 table { table-layout: fixed; /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */ } table td { position: relative; /*width: 80px;*/ height: ......
CSS实现跑马灯效果
盒子区域 创建一个大盒子，用来装我们的广告语，还有跑马灯的四个小盒子 <div class="box"> <div></div> <div></div> <div></div> <div></div> 创意广告 </div> 设置box样式 * { padding: 0; margin: 0; } ......
Bing Image Creator使用教程
一、前言 Bing Image Creator是微软在2022年10月推出的产品，基于OpenAI开发的DALL-E 2图像生成技术。据微软官网介绍，“Image Creator是一款可帮助用户使用DALL-E生成图像的产品，得到文本提示后，AI将生成一组与该提示匹配的图像” 。目前，图像创建器Im ......
css实现霓虹灯特效字体
在开始之前先了解外部字体的引入： vite中字体的引入方法（.otf字体等）如下： 1、在src下的assets文件夹下创建font文件夹，将下载好的字体包放到该文件夹下 2、在font文件夹下创建font.css文件，如果你用的是scss，那么就是font.scss。less同理。 3、在font ......
CSS 组合选择符
CSS 组合选择符 组合选择符说明了两个选择器之间的关系。 CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器(以空格 分隔) 子元素选择器(以大于 > 号分隔） 相邻兄弟选择器（以加号 + 分隔） 普通兄弟选择器（以波浪号 ～ 分隔） 后代选择器 后代 ......
CSS必知必会
CSS概念 css的使用是让网页具有统一美观的页面，css层叠样式表，简称样式表，文件后缀名.css css的规则由两部分构成：选择器以及一条或者多条声明 选择器：通常是需要改变的HTML元素 声明：由一个属性和一个值组成，每个属性有一个值，属性和值使用类似key：value的形式（如下方h1就是选 ......
了解CSS Module作用域隔离原理
CSS Module出现的背景 我们知道，Javascript发展到现在出现了众多模块化规范，比如AMD、CMD、 Common JS、ESModule等，这些模块化规范能够让我们的JS实现作用域隔离。但CSS却并没有这么幸运，发展到现在却一直没有模块化规范，由于CSS是 根据选择器去全局匹配元素的 ......
CSS 高阶小技巧 - 角向渐变的妙用！
本文将介绍一个角向渐变的一个非常有意思的小技巧！ 我们尝试使用 CSS 绘制如下图形： 在之前，类似的图案，其实我们有尝试过，在 单标签实现复杂的棋盘布局 一文中，我们用单标签实现了这样一个棋盘布局： 那么，本文有什么特殊之处呢？让我们一探究竟。 快速实现网格布局 首先，上述的布局还是希望使用一个标 ......
CSS 数学函数与容器查询实现不定宽文本溢出跑马灯效果
在许久之前，曾经写过这样一篇文章 -- 不定宽溢出文本适配滚动。我们实现了这样一种效果： 文本内容不超过容器宽度，正常展示 文本内容超过容器的情况，内容可以进行跑马灯来回滚动展示 像是这样： 但是，之前的方案，有一个很明显的缺点，如果我们事先知道了容器的宽度，那么没问题，但是如果没法确定容器的宽度， ......
巧用 CSS 变量，实现动画函数复用，制作高级感拉满的网格动画
本文将介绍一种基于 CSS 变量技巧，通过合理使用 CSS 变量，实现 CSS 动画 @keyframes 的复用。 CSS 变量 CSS 变量大家应该都比较熟悉了，已经不能算是新知识了，快速过一遍。 CSS 变量（CSS Variable），在之前也叫做 CSS 自定义属性，其使用方式如下： // ......
迁移学习（SOT）《Cross-domain Activity Recognition via Substructural Optimal Transport》
论文信息 论文标题：Cross-domain Activity Recognition via Substructural Optimal Transport论文作者：Wang Lu, Yiqiang Chen, Jindong Wang, Xin Qin论文来源：Neurocomputing论文地 ......
Cryptanalyzing and Improving a Novel Color Image Encryption Algorithm Using RT-Enhanced Chaotic Tent Maps
Cryptanalyzing and Improving a Novel ColorImage Encryption Algorithm Using RT-EnhancedChaotic Tent Maps 基于RT增强混沌帐篷映射的彩色图像加密算法 文章信息 博客内容仅用于学习。 CONGXU Z ......
DIVFusion_ Darkness-free infrared and visible image fusion 论文解读
研究 背景： 当前图像融合方法都是针对正常照明的红外与可见光图像设计的，无法有效处理夜景下的情况。 而针对夜景下的融合可以分为以下两个步骤，1 可见光图像增强，2 可见光图像与红外图像融合。但是现存的弱光增强算法与融合算 法存在严重不兼容，简单的组合会导致一系列问题。如何建模消除两种算法的不 ......