51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

CSS样式-CSS精灵图，CSS雪碧图
原理：当网页需要多张背景的小图时，将多张背景图合并为一张大图，一次请求拉到本地，然后不同元素使用CSS的background-position进行定位。优点：减少请求次数，缩短页面加载时间<!DOCTYPE html><html lang="en"><head>    <title>Document</title>    <styl
CSS样式
转载
mb6066e247821a1
2021-04-18 19:10:10
865阅读
2评论

Android ViewPager轮播图无间隙切换 android轮播图控件
背景最近要做一个轮播图的效果，网上看了几篇文章，基本上都能找到实现，效果还挺不错，但是在写的时候感觉每次都要单独去重新在Activity里写一堆代码。于是自己封装了一下。这里只是做了下封装成一个控件，不必每次重复写代码了。效果图实现分析轮播图的功能就是实现左右滑动的广告、图片信息展示，那我们就用ViewPager来实现，由于考虑到用户体验，我们还需要在下面加一个指示器来标示滑动到了第几张轮播图。指
移动开发
java
android
ide
控件
转载
小咪咪
2023-07-08 15:29:54
360阅读

python柱状图产生白色间隙
# 用Python生成柱状图并产生白色间隙 在数据可视化中，柱状图是一种常用的图表类型，可以清晰地展示不同类别之间的比较。然而，在柱状图中，有时候我们希望让柱子之间有一些空隙，以增强视觉效果。本文将介绍如何使用Python生成柱状图，并产生白色间隙的方法。 ## 1. 准备数据 首先，我们需要准备一些数据来生成柱状图。假设我们有以下数据，表示不同城市的销售额： ```python impo
柱状图
ci
Python
原创
mob64ca12d5604e
2024-07-03 03:39:01
61阅读

css框架图
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html> <head> <title>netctoss</title> <meta http-e
css
原创
1032036512
2014-06-04 18:16:32
589阅读

css 轮播图
<!DOCTYPE html> <html> <head> <title>Slide Image Sample</title> <style> #container { width: 400px; height: 300px; overflow: hidden; } #photo { width: ...
CSS
html
javascript
css
ide
转载
mob604756ffc089
2021-09-07 13:58:00
661阅读
2评论

CSS 设置背景图跟外部容器一样
background-image 属性可以设置背景图像。背景图像可以填充整个页面的，也可以填写一部分。background-image 属性的使用很简单：background-image:url(图片地址)填充整个页面示例   1 <!DOCTYPE html> 2 <html> 3 <head> 4
CSS 设置背景图跟外部容器一样
html
背景图片
背景图
转载
风华绝代的java
8月前
14阅读

教你玩转CSS 精灵图/雪碧图
目录精灵图/雪碧图图像拼合 - 简单实例图像拼合 - 创建一个导航列表图像拼合s - 悬停效果精灵图/雪碧图精灵图/雪碧图就是图像拼合也就是单个图像的集合。有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。使用图像拼合会降低服务器的请求数量，并节省带宽。图像拼合 - 简单实例与其使用三个独立的图像，不如我们使用这种单个图像（"img_navsprites.gif"）：有了CSS，我们可以只显示我们需要的图像的一部分。在下面的例子CS.
CSS教程
前端开发
网页布局
原创
孙叫兽杂谈
2021-06-18 11:09:23
830阅读

python增加柱状图之间的间隙
### python增加柱状图之间的间隙 #### 简介 在使用Python绘制柱状图时，有时我们需要在各个柱状图之间增加一定的间隙，以提高可读性和美观性。本文将介绍如何使用Python实现增加柱状图之间间隙的方法。 #### 步骤 下表展示了实现“python增加柱状图之间的间隙”的步骤： | 步骤 | 描述 | | :---: | :--- | | 步骤一 | 导入所需的库 | |
柱状图
python
数据
原创
mob64ca12da726f
2023-09-07 09:07:11
264阅读

雪碧图CSS Sprite
CSS Sprite也叫CSS精灵图，或者CSS雪碧图，是一种网页图片应用处理方式。它允许你讲一个页面涉及到的所有的小图标（或其他图）包含到一张大图。当前的问题虽然每个小图标或者小图片实际的大小并不会太大，但是每次页面打开，都需要先向服务器发出去一个请求，多次请求会消耗很大的性能，也是页面加载速度变慢的原因之一。这样做的优点减少图片字节数减少网页的http请求，从而大大的提高页面的性能原理通过ba
ico
css
html
原创
LRachel
2022-10-20 19:49:37
241阅读
2评论

精灵图-CSS sprites
CSS sprites是一种性能优化技术，将多个图像组合成单个图像文件，可以提高性能，减少服务器加载数量。 相当于是对个图像缝合在一起。 先设置一个空的块级元素，代码如下： 接下来在css中插入需要用到的组合图片,利用width和height设置一个图片所需要的宽和高，用background-pos ...
css
性能优化
背景图
块级元素
加载
转载
mob604756fda125
2021-10-25 20:35:00
220阅读
2评论

css中精灵图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>40-CSS精灵图</title> <style> .box{ width: 86px; height: 28px; background-image: url(images/
css
html
图像合成
服务器
背景图片
原创
陈业贵的博客
2021-11-16 16:27:26
160阅读

css 精灵图 0302
精灵图练习
css
原创
鲸鱼编程pyhui
2021-08-13 22:31:36
314阅读

html5css轮播图属性 轮播图css实现
随着现在信息的高速发展，互联网时代也来到了物联网时代，相信当今世上，没有人会没有使用过淘宝，京东，天猫等购物平台，那么你们一定会发现，不止是这些购物网站，还有很多的一些官网，网页等等，都会有着一个重要的特效——轮播图。然后我们今天就来给大家分享一下，超级简单快速，并且不复杂的实现方式。我们打开我们的编译器后首先先进行布局布局之后，我们就要设置他们各自的样式了样式设置好了以后，我们思考一下， 要想实
html5css轮播图属性
定位
css
html
css3
转载
mob64ca13ff28f1
2023-11-01 17:48:35
316阅读

css 树状图组织架构 树状图 设计
树状图，(又为树形图)因其外观像倒过来的树的样子，所以命名树状图。树形图是数据树的图形表示形式，以父子层次结构来组织对象。是枚举法的一种表达方式。初中学生学习概率时通常会要画的树状图。学会分析一件事物的构成，或看到不同事物之间的关联。使用树形图还可以完成对百科知识的总结和归纳，使概念更加清晰。在数量分类学上表型分类的树状图称为表型树状图，掺入系统推论的称为系统树状图以资区别；表型树状图是根据群析描
css 树状图组织架构
画出计算机系统构成的树状图
树状图
思维导图
图结构
转载
coolfengsy
2023-07-30 14:32:24
726阅读

Java SWT 图像 PaletteData 索引图和直接图
索引图（Indexed palette）：就是在palette中定义了一个RGB的数组，然后，每一个像素点都是一个RGB数组的坐标来到
java
shell
Data
Image
Shell
原创
mb652682b70d526
2023-10-13 11:35:22
95阅读

python图片跟场景图合成
# Python图片跟场景图合成教程 ## 引言 本文将教会你如何使用Python实现图片与场景图的合成。合成图片是一项常见的任务，可以用于广告设计、电影特效等领域。我们将使用Pillow库来完成这个任务，Pillow是Python中一个非常流行的图像处理库。 ## 整体流程 下面是实现图片与场景图合成的整体流程： ```mermaid flowchart TD A[加载场景图]
Image
加载
加载图片
原创
mob649e8153b214
2023-09-06 09:24:23
92阅读

一图读懂InnoDB间隙锁的工作原理
一图读懂InnoDB间隙锁的工作原理。1.t表初始数据有1、5、10三条记录。2.事务A执行 SELECT * FROM t WHERE id BETWEEN 4 AND 8 FOR UPDATE 时，会创建以下锁：(1,4)之间的间隙锁记录5的记录锁(6-8)之间的间隙锁(8-10)之间的间隙锁3.事务B尝试插入3,9,11三条记录：插入3会被(1,4)间隙锁阻塞插入9会被(8-10)间隙锁阻塞
记录锁
数据
工作原理
原创
hcymysql
10月前
132阅读

MpAndroidchart X轴与柱状图有间隙
写在前面：        最近练习写一个小程序的时候需要编程实现对Excel的操作，由于知识不足，能力有限，只好去百度寻求帮助，可惜没搜到我现在的水平可以解决的方案。后来使用Microsoft Visual Studio 2010 文档，终于搜到了这篇文章，一步步的教你实现Excel操作，顺着它，很容易就解决掉了这个
c++cli
excel
visual studio 2010
System
数据
转载
码海无压
2024-10-17 09:07:37
35阅读

css轮播图代码效果图 html5 轮播图用css怎么做
天天写前端的你，会自己写一个轮播图吗，而且不能用js哦，知道轮播图的原理吗？今天我们要讲的是如何只用css实现轮播图效果，也叫banner，就是我们经常在APP或网站首页顶部看到的一系列图片切换。就像淘宝官网首页那样：实现原理一图胜千言，先上图：解释一下，轮播图并排排列，组成一张很宽的图片，而手机屏幕宽度是固定的，这样每过一段时间，我们把宽的图想做平移一些距离，一般是平移一个屏幕宽度，比如屏幕宽3
css轮播图代码效果图 html5
css
轮播图
帧动画
父节点
转载
索姆拉
2023-07-10 18:24:15
688阅读

javascript插入柱状图 css 柱状图
CSS在处理排版之强大，没有做不到，只有想不到。下面我们将一同实现一个柱状图。先打好一个具体的框架。我们利用无序列表做整体，里面的东西我们根本选择内联无素span，strong，em来填充。 <ul > <li>使命召唤<span>: </span><strong>35%&l
javascript插入柱状图
css
内联元素
背景颜色
转载
码海舵手之心
2023-09-15 16:09:47
90阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

jquery画流程图 流程图css

python直接生成类图 python uml类图

CSS sprites 雪碧图使用

CSS-sprit 雪碧图

纯 CSS 实现轮播图

css+ps切图

趣图：CSS的力量

css布局与“切图”

CSS案例：淘宝焦点图

css 背景图镜像

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯