当前位置： 首页 > news >正文

CSS（8）高级技巧：精灵图，css三角，用户界面,vertical-align属性应用

news 文章来源：https://blog.csdn.net/Naiveyouzhi/article/details/143864865 2024/11/29 21:41:22

一.精灵图

通过css中的background-position属性，将多张图合成为一张图

二.css三角

在网页中，我们可以添加css属性获得三角图标

solid:实心，边框的实心

transparent:透明,图中代码表示只有左边粉色，其余地方为透明

三：用户界面

1.鼠标样式

2.取消表单轮廓与防止拖拽文本

三.vertical-align属性应用(middle,top, bottom)

textarea{

        vertical-align:middle

}

四.解决图片底部默认空白缝隙问题

vertical-align:middle top bottom

 把图片转换为块级元素display：block

五.多行文字溢出显示省略号

、

相关文章：

CSS（8）高级技巧：精灵图，css三角，用户界面,vertical-align属性应用

一.精灵图 通过css中的background-position属性，将多张图合成为一张图 二.css三角 在网页中，我们可以添加css属性获得三角图标 solid:实心，边框的实心 transparent:透明,图中代码表示只有左边粉色，其余地方为透明 三&#xff…...

编程日记 2024/11/19 9:42:26

Flink新版Source接口源码解析

目录 1. 前言 2. Source解析 2.1 Source类图 2.2 接口和方法说明 2.2.1 Source,> 3. SplitEnumerator解析 3.1 SplitEnumetator类图 3.2 类和方法说明 3.2.1 SplitEnumerator 3.2.2 SimpleVersionedSerializer 4. SourceReader解析 4.1 SourceReader类图 4.2 类…...

编程日记 2024/11/19 9:41:20

SLM561A系列60V10-50mA单通道线性恒流LED驱动芯片，为汽车照明、景观照明助力

SLM561A系列选型参考： SLM561A10ae-7G SOD123 SLM561A15ae-7G SOD123 SLM561A20ae-7G SOD123 SLM561A25ae-7G SOD123 SLM561A30ae-7G SOD123 SLM561A35ae-7G SOD123 SLM561A40ae-7G SOD123 SLM561A45ae-7G SOD123 SLM561A50ae-7G SOD123 S…...

编程日记 2024/11/19 9:39:18

一次失败的wxpython安装macOS M1

WARNING: The scripts libdoc, rebot and robot are installed in /Users/用户名/Library/Python/3.8/bin which is not on PATH. 背景：想在macos安装Robot Framework ，显示pip3不是最新，更新pip3后显示不在PATH上 参看博主文章末尾 MAC系统…...

编程日记 2024/11/19 9:38:16

【大数据技术基础 | 实验十一】Hive实验：新建Hive表

文章目录 一、实验目的二、实验要求三、实验原理四、实验环境五、实验内容和步骤（一）启动Hive（二）创建表（三）显示表（四）显示表列（五）更改表（六&am…...

编程日记 2024/11/19 9:36:13

【yarn】yarn rest api每日job数量分析

一、说明 # 无法制定时间范围！！！ yarn application -list 官方文档 rest返回内容（官网案例）： {app":{"id":"application_1324057493980_0001","user":"user1&q…...

编程日记 2024/11/19 9:34:09

蓝桥杯单片机第十一届省赛（第一场）

主函数代码 #include<iic.h> #include<intrins.h>sfr P40xc0; sbit R3P3^2; sbit R4P3^3; sbit C4P3^4; sbit C3P3^5;unsigned char code led_nodot[]{0xc0,0xf9,0xa4,0xb0,0x99,0x92,0x82,0xf8,0x80,0x90}; unsigned char code led_dot[]{0x40,0x79,0x24,0x30,0x…...

编程日记 2024/11/19 9:33:07

hive复杂数据类型Array Map Struct 炸裂函数explode

1、Array的使用 create table tableName( ...... colName array<基本类型> ...... ) 说明&#xff1a;下标从0开始&#xff0c;越界不报错&#xff0c;以null代替 arr1.txtzhangsan 78,89,92,96 lisi 67,75,83,94 王五 23,12 新建表&#xff1a; create table arr1(n…...

编程日记 2024/11/19 9:30:04

FIFO架构专题-FIFO是什么

目录 简介&#xff1a; FIFO参数&#xff1a; 1.宽度WIDTH&#xff08;一次位数&#xff09; 2.深度DEEPTH&#xff08;存多少次&#xff09; FIFO的分类&#xff1a; 同步FIFO 异步FIFO 读写位宽不同的FIFO FIFO信号介绍 写时钟 写数据 写使能 读时钟 读数据 读…...

编程日记 2024/11/19 9:29:00

Pythony——多线程简单爬虫实现

简单爬虫实现 import requests from bs4 import BeautifulSoup# 生成要爬取的网页地址列表&#xff0c;这里是博客园的分页地址&#xff0c;从第1页到第50页 urls [f"https://www.cnblogs.com/#p{i}" for i in range(1, 50 1)]# 生产者函数——负责下载网页内容 d…...

编程日记 2024/11/19 9:27:59

如何修改 a 链接的样式

在CSS中&#xff0c;你可以使用选择器来针对HTML中的特定元素&#xff08;例如<a>标签&#xff0c;也就是链接&#xff09;进行修改样式。以下是一些常见的修改<a>链接样式的方法&#xff1a; 移除下划线&#xff1a; a { text-decoration: none; } 修改链接的…...

编程日记 2024/11/19 9:24:56

第6章 详细设计-6.5 软硬件接口文档设计

6.5 软硬件接口文档设计 一般的产品都包含硬件和软件两部分&#xff0c;产品设计阶段需要确保硬件开发人员和软件开发的沟通准确、高效。所以需要一份书面的文档来承载软件和硬件之间的沟通细节。以下面的细水雾除尘设备为例进行讲解&#xff0c;涉及软件和硬件的接口&#xff…...

编程日记 2024/11/19 9:22:54

【pyspark学习从入门到精通14】MLlib_1

目录 包的概览 加载和转换数据 在前文中&#xff0c;我们学习了如何为建模准备数据。在本文中&#xff0c;我们将实际使用这些知识&#xff0c;使用 PySpark 的 MLlib 包构建一个分类模型。 MLlib 代表机器学习库。尽管 MLlib 现在处于维护模式&#xff0c;即它不再积极开发…...

编程日记 2024/11/19 9:20:52

C++全局构造和初始化

片段摘自程序员的自我修养—链接、装载与库.pdf 11.4 程序在进入main之前&#xff0c;需要对全局对象进行构造初始化。 glibc全局对象进行构造初始化 gibc启动程序时会经过.init段&#xff0c;退出程序时会经过.finit段。这两个段中的代码最终拼接成_init()和_finit(),这两个…...

编程日记 2024/11/19 9:18:49

安全见闻-泷羽sec课程笔记

编程语言 C语言&#xff1a;一种通用的、面向过程的编程语言&#xff0c;广泛应用于系统软件和嵌入式开发。 C:在C语言基础上发展而来&#xff0c;支持面向对象编程&#xff0c;常用于尊戏开发、高性能计算等领域。 Java:一种广泛使用的面问对象编程语言&#xff0c;具有跨平台…...

编程日记 2024/11/19 9:16:47

游戏引擎学习第17天

视频参考:https://www.bilibili.com/video/BV1LPUpYJEXE/ 回顾上一天的内容 1. 整体目标&#xff1a; 处理键盘输入&#xff1a;将键盘输入的处理逻辑从平台特定的代码中分离出来&#xff0c;放入更独立的函数中以便管理。优化消息循环&#xff1a;确保消息循环能够有效处理 …...

编程日记 2024/11/19 9:14:44

【FFmpeg】FFmpeg 内存结构 ③ ( AVPacket 函数简介 | av_packet_ref 函数 | av_packet_clone 函数 )

文章目录 一、av_packet_ref 函数1、函数原型2、函数源码分析3、函数使用代码示例 二、av_packet_clone 函数1、函数原型2、函数源码分析 FFmpeg 4.0 版本源码地址 : GitHub : https://github.com/FFmpeg/FFmpeg/tree/release/4.0GitCode : https://gitcode.com/gh_mirrors/ff…...

编程日记 2024/11/19 9:13:43

【学习笔记】量化概述

Quantize量化概念与技术细节 题外话&#xff0c;在七八年前&#xff0c;一些关于表征的研究&#xff0c;会去做表征的压缩&#xff0c;比如二进制嵌入这种事情&#xff0c;其实做得很简单&#xff0c;无非是找个阈值&#xff0c;然后将浮点数划归为零一值&#xff0c;现在的Qu…...

编程日记 2024/11/19 9:12:42

同步互斥相关习题10道 附详解

PV操作 2016 某系统允许最多10个进程同时读文件F&#xff0c;当同时读文件F的进程不满10个时&#xff0c;欲读该文件的其他文件可立即读&#xff0c;当已有10个进程在读文件F时读&#xff0c;其他欲读文件F的进程必须等待&#xff0c;直至有进程读完后退出方可去读 在实现管…...

编程日记 2024/11/19 9:11:41

【Python · PyTorch】卷积神经网络 CNN（LeNet-5网络）

【Python PyTorch】卷积神经网络 CNN&#xff08;LeNet-5网络&#xff09; 1. LeNet-5网络※ LeNet-5网络结构 2. 读取数据2.1 Torchvision读取数据2.2 MNIST & FashionMNIST 下载解包读取数据 2. Mnist※ 训练 LeNet5 预测分类 3. EMnist※ 训练 LeNet5 预测分类 4. Fash…...

编程日记 2024/11/19 9:10:40

Git 拉取指定分支创建项目

一 背景 因为项目过大&#xff0c;只需要部分分支的代码即可。 二 实现 方法一&#xff1a;使用 --single-branch 参数 git clone 支持只拉取指定分支&#xff0c;而不是整个库的所有分支&#xff1a; git clone --branch <branch_name> --single-branch <reposi…...

编程日记 2024/11/19 9:08:38

CF862B Mahmoud and Ehab and the bipartiteness(二分图的性质）

思路&#xff1a;一个二分图是由两个集合组成的&#xff0c;同一个集合中的节点间不能连边&#xff0c;所以一个二分图最多有cnt[1]*cnt[2]条边&#xff0c;题目给出一个树的n-1条边&#xff0c;要我们添加最多的边数使他成为二分图&#xff0c;添加的边数就是cnt[1]*cnt[2]-n1…...

编程日记 2024/11/19 9:07:37

React Native 全栈开发实战班 ：数据管理与状态之React Hooks 基础

在 React Native 应用中&#xff0c;数据管理与状态管理是构建复杂用户界面的关键。React 提供了多种工具和模式来处理数据流和状态管理&#xff0c;包括 React Hooks、Context API 以及第三方状态管理库&#xff08;如 Redux&#xff09;。本章节将详细介绍 React Hooks 的基础…...

编程日记 2024/11/19 9:06:35

传奇996_22——自动挂机

登录钩子函数中执行 callscript(actor, "../QuestDiary/主界面基础按钮/主界面基础按钮QM", "基础按钮QM")基础按钮QM执行了已下代码 #IF Equal <$CLIENTFLAG> 1 #ACT goto PC端面板加载#IF Equal <$CLIENTFLAG> 2 #ACT goto 移动端面板加载…...

编程日记 2024/11/19 9:04:33

faiss 提供了多种索引类型

faiss 多种索引类型 在 faiss 中&#xff0c;IndexFlatL2 是一个简单的基于 L2 距离&#xff08;欧几里得距离&#xff09;进行索引的索引类型&#xff0c;但实际上&#xff0c;faiss 提供了多种索引类型&#xff0c;支持不同的度量方式和性能优化&#xff0c;您可以根据需求选…...

编程日记 2024/11/19 9:01:31

比rsync更强大的文件同步工具rclone

背景 多个复制&#xff0c;拷贝&#xff0c;同步文件场景&#xff0c;最大规模的是每次几千万规模的小文件需要从云上对象存储中拉取到本地。其他的诸如定期数据备份&#xff0c;单次性数据备份。 rsync是单线程的&#xff0c;开源的mrsync是多线程的&#xff0c;但适用范围没…...

编程日记 2024/11/19 9:00:30

《业务流程--穿越从概念到实践的丛林》读后感一：什么是业务流程

1.1 流程和业务流程概念辨析 业务流程建模标准（BPMN）对于业务流程的定义：一个业务流程由为了配合一个组织性或技术环境而一系列活动组成。这些活动共同实现一个业务目标。 业务流程再造最有名的倡导者托马斯.H.达文波特对于流程和业务流程的定义：流程是一组结构化且可度量的…...

编程日记 2024/11/19 8:59:28

解决docker mysql命令行无法输入中文

docker启动时&#xff0c;设置支持中文 docker run --name mysql-container -e MYSQL_ROOT_PASSWORDroot -d mysql:5.7 --character-set-serverutf8mb4 --collation-serverutf8mb4_unicode_ci --default-time-zone8:00 进入docker时&#xff0c;指定LANG即可 docker exec -it …...

编程日记 2024/11/19 8:57:26

基于Java Springboot城市公交运营管理系统

一、作品包含 源码数据库设计文档万字PPT全套环境和工具资源部署教程 二、项目技术 前端技术&#xff1a;Html、Css、Js、Vue、Element-ui 数据库&#xff1a;MySQL 后端技术&#xff1a;Java、Spring Boot、MyBatis 三、运行环境 开发工具&#xff1a;IDEA/eclipse 数据…...

编程日记 2024/11/19 8:56:25

Lc70--319.两个数组的交集（二分查找）---Java版

1.题目描述 2.思路 用集合求交集&#xff0c;因为集合里面的元素要满足不重复、无序、唯一。使得集合在去重、查找和集合操作&#xff08;如交集、并集、差集等&#xff09;中非常高效和方便。 3.代码实现 class Solution {public int[] intersection(int[] nums1, int[] nu…...

编程日记 2024/11/19 8:55:23

在线做数据图的网站有哪些/郴州seo外包

a、第一步&#xff0c;找环中相汇点。分别用fast&#xff0c;slow指向链表头部&#xff0c;slow每次走一步&#xff0c;fast每次走二步&#xff0c;直到fastslow找到在环中的相汇点。 b、第二步&#xff0c;找环的入口。接上步&#xff0c;当fastslow时&#xff0c;fast所经过节…...

编程日记 2024/11/29 21:17:26

沈阳德泰诺网站建设公司/建站

那个身高不足一米六零的东方小个子&#xff0c;这次很有可能又搞了一笔大买卖。 据多家外媒报道&#xff0c;日本软银已同意以234亿英镑收购芯片巨头ARM。软银将为每股ARM股票现金支付17英镑&#xff0c;较ARM上周收盘价溢价43%。目前官方还未公开确认。 在此之前&#xff0c;软…...

编程日记 2024/11/29 19:50:33

手机网站可以做英文版本吗/百度公司名称

Abstract MapReduce是一种编程模型和一种用来处理和产生大数据集的相关实现。用户定义map函数来处理key/value键值对来产生一系列的中间的key/value键值对。还要定义一个reduce函数用来合并有着相同中间key值的中间value。许多现实世界中的任务都可以用这种模型来表达&#xff…...

编程日记 2024/11/29 19:43:30

绵阳市公司网站建设/建站的公司

1. AOP 初窥 比如如下一段代码&#xff0c;仅仅根据商品 Id 获取商品信息 public GoodsVo getGoodsVoByGoodsId(long goodsId) {return goodsMapper.getGoodsVoByGoodsId(goodsId); }有时候为了便于观察执行情况&#xff0c;会在前后加上日志&#xff0c;这种都很常见吧。 p…...

编程日记 2024/11/29 19:30:18

dw制作网站模板/百度app下载最新版

第一部分、什么是动态规划算法 ok&#xff0c;咱们先来了解下什么是动态规划算法。 动态规划一般也只能应用于有最优子结构的问题。最优子结构的意思是局部最优解能决定全局最优解(对有些问题这个要求并不能完全满足&#xff0c;故有时需要引入一定的近似)。简单地说&#xf…...

编程日记 2024/11/29 18:11:28

职友集 一家做职业点评的网站/搜索引擎优化的主要特征

基于欧几里得距离的损失函数&#xff1a;Contrastive loss、Triplet loss、Center LossSoftmax loss Softmax loss适用于多分类&#xff0c;只具有可分离性(separable)&#xff0c;即将类间分离&#xff0c;而没有判别性(discriminative)&#xff0c;即不能类内聚合。而人脸识别…...

编程日记 2024/11/29 11:15:12