05 2024 档案
-
CSS实现鼠标悬停图片放大的方法
摘要:CSS中实现鼠标悬停时图片放大的效果,可以通过使用:hover伪类选择器和transform属性来完成。以下是一个简单的示例代码: /* 初始状态下的图片样式 */ .img { width: 100px; /* 初始宽度 */ transition: transform 0.5s ease; /* 阅读全文
-
CSS3媒体查询与页面自适应示例
摘要:CSS3媒体查询(Media Queries)是CSS的一个强大功能,它允许你根据设备的特性(如视口宽度、分辨率等)来应用不同的样式。这在创建响应式网站(即能自动适应不同屏幕尺寸和设备的网站)时非常有用。 以下是一个简单的CSS3媒体查询和页面自适应的示例: 首先,我们假设有一个简单的HTML结构: 阅读全文
-
css通过子元素选择父元素的实现示例
摘要:在CSS中,直接通过子元素选择其父元素并不直接支持,因为CSS的选择器是从上到下(从父元素到子元素)进行选择的,而不是相反。但是,你可以使用其他方法或技术来间接实现这一效果,比如使用JavaScript、jQuery或其他脚本语言,或者通过调整你的HTML结构和CSS样式来达到类似的效果。 不过,我 阅读全文
-
CSS设置水平垂直居中
摘要:在CSS中,有多种方法可以实现元素的水平垂直居中。以下是一些常见的方法: 1. 使用Flexbox Flexbox是CSS3引入的一个强大的布局模型,可以轻松地实现元素的水平垂直居中。 css .container { display: flex; justify-content: center; 阅读全文
-
html解决浏览器记住密码输入框的问题
摘要:浏览器通常会记住用户在表单中输入的信息,包括密码字段。这是通过表单的autocomplete属性来控制的。如果你希望浏览器不要记住密码字段的输入,可以设置autocomplete属性为off或new-password。 以下是一个HTML表单示例,展示如何禁止浏览器记住密码字段: <!DOCTYPE 阅读全文
-
HTML+CSS实现全景轮播的示例代码
摘要:创建一个全景轮播效果可以通过HTML和CSS来实现,这里提供一个简单的示例代码。这个示例中,我们将使用HTML来构建基本的轮播结构,CSS来添加样式和实现轮播效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met 阅读全文
-
HTML中使用Flex布局实现双行夹批效果
摘要:在HTML中使用Flex布局实现双行夹批效果,通常意味着你想要有一个文本行,其下方或旁边有另一个较小的文本行(如注释或夹批)与之对应。以下是一个简单的示例,展示了如何使用Flex布局来实现这种效果: HTML结构:html<div class="flex-container"> <div class 阅读全文
-
css3实现类似地图定位循环扩散光圈效果
摘要:html 1 2 3 4 5 6 7 8 9 <div class="icon-warnCom"> <icon class="icon-warns"><i class="dot"></i><i class="pulse"></i></icon> </div> <div class="icon-war 阅读全文
-
linux关闭numa
摘要:以下内容在Centos8操作系统演示 1、编辑/etc/default/grub 2、在 GRUB_CMDLINE_LINUX里添加 numa=off 3、输入命令 grub2-mkconfig -o /boot/grub2/grub.cfg 用更改的文件重新生成 /boot/grub2/grub. 阅读全文
-
ITMS-90876 Missing entitlement 报错解决方法
摘要:css3中的var()函数详解 发布时间:2024-05-21 17:17:32 作者:佚名 我要评论 在CSS3中,var()函数是一个用于插入CSS自定义属性(也称为CSS变量)的值的函数,它允许你在样式表中定义可重用的值,并在多个地方引用它们,从而使你的CSS更加灵活和可维护,这篇文章主要介绍 阅读全文
-
记录一个使用Github Actions 部署前端项目到服务器的烧脑问题
摘要:报错 使用 easingthemes/ssh-deploy@v2.1.1 进行rsync同步时无法连接到服务器 ⚠ [Rsync] error: rsync exited with code 255 23⚠ [Rsync] stderr: Warning: Permanently added '[] 阅读全文
-
网页编码之GB2312、GBK与UTF-8的区别
摘要:首先,我们要明白,GB2312、GBK和UTF-8都是一种字符编码,除此之外,还有好多字符编码。只是对于我们中国人的网站来说,用这三种编码 比较多。简单的说一下,为什么要用编码,在计算机内,储存文本信息用ASC II码,每一个字符对应着唯一的ASCII码。最初计算机是由美国发明的,他们也用的是键盘和 阅读全文
-
CSS的Flexbox布局示例详解
摘要:CSS Flexible Box Module(简称Flexbox)是一种现代化的布局模式,用于创建响应式的一维布局(无论是水平还是垂直)。它提供了对项目的对齐、方向、排序、尺寸调整等方面的强大控制。下面是对Flexbox布局的一些关键概念和示例代码: 一、关键概念 Flex Container(弹 阅读全文
-
css 让文字不被选中之-moz-user-select 属性介绍
摘要:让文字不被选中,应该有一个css属性进行控制,结果网上查了下发现了-moz-user-select 属性介绍 他在ie下也能选中文字,但是选中其他列表,不会选中文字,原来它是在不同div中,属于不同的范围,而同事是放在同一个table中,当然会选中。而在firefox下,文字不会被选中,查看goog 阅读全文
-
源服务器开启gzip,CDN上没开启,CDN节点请求是以gzip大小算还是按原来的大小算
摘要:今天学到一个知识: 当源服务器开启了gzip压缩,而CDN上没有开启gzip时,CDN节点请求的流量计算通常是基于未压缩的原始文件大小来计算的。这是因为CDN通常是根据其接收到的内容来计算流量,而不会主动去解压缩已压缩的内容来计算。 具体来说,当CDN节点从源服务器获取内容时,如果源服务器返回的是g 阅读全文
-
CSS实现浮动效果
摘要:一、浮动 早期用于实现文字环绕图片(环绕布局),现在用于让元素并列布局(块元素并排)。浮动元素会脱离文档流,后边的元素会把空出来的位置补上去。但是又因为浮动元素的层级高,所以会将未浮动的元素进行覆盖,但是文字不会。 float:none无浮动,left左浮动,right右浮动。 1、css布局的三种 阅读全文
-
CSS user-select 属性(是否允许用户选中文本)
摘要:本文操作环境:Windows7系统,CSS3版本,Dell G3电脑。 user-select,设置或检索是否允许用户选中文本 user-select 属性规定是否能选取元素的文本。 在 web 浏览器中,如果您在文本上双击,文本会被选取或高亮显示。此属性用于阻止这种行为。 user-select语 阅读全文
-
reka.ai works代码
摘要:抓包用authorization作为key传入模型:reka-core,reka-flash,reka-edge addEventListener('fetch', event => { event.respondWith(handleRequest(event.request)) }) const 阅读全文
-
给页面加一个遮罩css代码
摘要:原版css,他这个需要用到转换工具: body::before{content:"\7f51\7ad9\5347\7ea7\4e2d\ff0c\656c\8bf7\671f\5f85\3002";position:fixed;bottom:2%;left:6%;z-index:99999;width 阅读全文
-
CSS实现div滑入效果
摘要:Vue3 + CSS实现div滑入 animation 定义动画 transform定义偏移 opacity,设置清晰度,实现从无到有 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 .entity-btn { position: absolute; right: 0vw; 阅读全文
-
python的def函数用法
摘要:简单来说 函数 就是自己定义的一段 小程序 方便自己调取使用 def 用来定义函数的关键字 也就是这个函数的名字 函数运行到return的时候就会返回值 并且把函数内的参数全部清空 变量不再占用内存库空间 退出函数 函数的格式如下就是 #x是进入的参数,也可以不用输入值,因为函数里面全部的值都是写死 阅读全文