效果 元素 网页css
伪类选择器(实现鼠标悬浮字体变色效果)
链接框与文本框： 实现鼠标悬浮变色效果 a:link { /*访问之前的状态*/ color: red; } a:hover { /*鼠标悬浮态*/ color: aqua; } a:active { /*鼠标点击不松开的状态：激活态*/ color: black; } a:visited { /* ......
前端网页sessionStorage对值的获取与传值
前端网页sessionStorage对值的获取与传值 sessionStorage主要在页面之间进行值得传输·允许跨页面。可以是单个值，以及JSON对象的传递，主要方法有这些sessionStorage[key]=val//保存一个数据sessionStorage.setItem(key,val)/ ......
数字孪生与GIS数据为何高度互补？二者融合后能达到什么样的效果？
山海鲸可视化作为一款数字孪生软件，在GIS的融合方面处于业内领先水平，那么为什么一款数字孪生软件要花费巨大的精力，去实现GIS的融合，最终又是如何实现的呢？下面就让我们来一探究竟。 ......
【分享】影刀使用xpath捕获指定的元素
xpath捕获元素比较精准，前面也介绍了xpath的用法 现在捕获社区里帖子详情页的标题 //*[@class='discuss_detail_header___3LhnQ']/h1 找到class是discuss_detail_header___3LhnQ的子元素h1 获取文章内容 //*[@id ......
css样式对单行和多行文本的隐藏
在我们日常的网页中，尤其是新闻类的网页会遇到许多类似于这样的样式 多行甚至单行的文本隐藏+上省略号标题。 解决这一办法，需要利用css的样式进行改变 如下代码的演示： 单行文本隐藏: 多行文本隐藏： 主要知识点： 1、单行文本隐藏省略：文本不能换行、超出部分隐藏、超出部分省略 2、多行文本隐藏省略： ......
day 1 数组 704.二分查找、27.移除元素
704.二分查找 题目链接：704.二分查找 视频教程 文章教程 思路 利用 middle 去寻找 target 前提条件： 这道题目的前提是数组为有序数组，同时题目还强调数组中无重复元素，因为一旦有重复元素，二分查找法返回的元素下标可能就不唯一，这些都是二分法的前提，以后看到题目描述后可以先想一想 ......
每日一题：通过css变量来控制主题
1、定义不同主题颜色 :root{ --theme-color: blue; --font-size: 18px;; } html[theme="dark"]{ --theme-color: #000; 2、通过切换html自定义属性来控制主题 <!DOCTYPE html> <html lang= ......
IntelliJ IDEA 快捷键大全 + 动图演示，这效果太炸了！
看到一篇 IDEA 快捷键的总结，非常全面，分享一下。 本文参考了 IntelliJ IDEA 的官网，列举了IntelliJ IDEA（Windows 版）的所有快捷键。并在此基础上，为 90% 以上的快捷键提供了动图演示，能够直观的看到操作效果。 该快捷键共分 16 种，可以方便的按各类查找自己 ......
纯js无缝滚动效果
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>无缝滚动</title> <style type="text/css"> * { margin: 0; padding: 0; } #div { position: relativ ......
CSS 将div撑满body
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> <style> html, body { height: 100%; margin: 0; overflow: hidden; } .co ......
Spring Boot 访问静态资源css/js
一、前言 我们用 Spring Boot 搭建 Web 应用时（如搭建一个博客），经常需要在 Html 中访问一些静态资源，比如： css 样式； js 脚本； favicon.ico 图标等； 而在 Spring Boot 中如果没有做任何配置，是无法直接访问静态资源的，通常会报 404 错误 二 ......
力扣-2574-左右元素和的差值
给你一个下标从 0 开始的整数数组 nums ，请你找出一个下标从 0 开始的整数数组 answer ，其中： answer.length == nums.lengthanswer[i] = |leftSum[i] - rightSum[i]|其中： leftSum[i] 是数组 nums 中下标 ......
css的样式
一,css的文本样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......
CSS弹性盒子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
CSS盒子模型
对html 进行封装：包括外边距、边框、内边距和实际内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial ......
获取最小长度元素
获取最小长度元素 一、列表list example: lists = ['flower','for','flight'] min1 = min(lists, key=len) 二、元组tuple example: tup = ('flower','for','flight') min1 = min( ......
伪类伪元素
伪类 定义 伪类是添加到选择器的关键字，用于指定所选元素的特殊状态。例如，伪类 :hover 可以用于选择一个按钮，当用户的指针悬停在按钮上时，设置此按钮的样式。 伪类由冒号（:）后跟着伪类名称组成（例如 :hover）。函数式伪类还包含一对括号来定义参数（例如 :nth-child()。附上了伪类 ......
自定义滚动条 css
/* 自定义滚动条 css */ .customScrollbar::-webkit-scrollbar{width:10px;height:10px;} .customScrollbar::-webkit-scrollbar-thumb{border-radius: 8px;background- ......
css自定义滚动条
.container { width: 200px; height: 150px; overflow: auto; /* 自动显示滚动条 / -ms-overflow-style: scrollbar; / 在IE上显示自定义滚动条 */ } /* 自定义滚动条的样式 */ .container:: ......
在线直播源码，CSS磨砂玻璃效果和渐变主题色文字
在线直播源码，CSS磨砂玻璃效果和渐变主题色文字 HTML <div class="card"> <h2 class="gradient"> </h2> <div> <p>.welcome{</p> <p class="indent">"CSDN:lqj_本人"</p> <p class="inde ......
新浪微博网页快捷登录
进入新浪微博开放平台，申请网站接入：http://open.weibo.com/connect 申请成功后，账户认证通过是前提， 在我的应用中：http://open.weibo.com/apps 点击应用名称进入详细页： 进入【网站信息】页，可以获取到App Key、App Secret两个参数： ......
网页端QQ登录配置教程
登录到QQ互联平台 https://connect.qq.com/manage.html#/ 回调地址：后台绑定的域名/api/login.php 看这个账号有没有审核，如果没有审核，点击右上方头像，填写资料审核一下，审核通过后。创建一个网站应用，审核通过后，会有KEY和secret，填写到后台整合 ......
网页视频失去焦点自动暂停解决
部分网页的视频失去焦点后会自动暂停。 首先打开F12 ,查看视频的类型，如果是<video>，那么可以使用如下代码： setInterval(function () { var current_video = document.getElementsByTagName('video')[0]; cu ......
CSS常用总结
重置样式 html, body, ul, li, a, p, div { padding: 0; margin: 0; // 设置盒模型 box-sizing: border-box; // 移除移动端特有的点击高亮效果 -webkit-tap-highlight-color: transparen ......
CSS单位
CSS常用长度单位 px：相对长度单位 相对于显示器屏幕分辨率 rem：相对长度单位 对于根元素(即html元素)font-size计算值的倍数 html{ font-size:14px; 那么 14px=1rem 28px=2rem 即：n px=n/14 rem } h3{ font-size= ......
503. 下一个更大的元素II
链接 https://leetcode.cn/problems/next-greater-element-ii/description/ 思路 我在单调栈这块是真的不会......稍微一变就想不明白了, 得找个时间攻克一下 这个题目，我能想到的办法就是把数组拉长到2倍（模拟循环数组），然后对其进行单 ......
Vue学习笔记（七）：绑定css样式
1 绑定class样式¶ vue为HTML绑定css中的class样式是通过v-bind实现的。 1.1 绑定单个class¶ 把需要绑定的样式class名赋值给一遍变量，然后通过变量v-bind绑定class属性，绑定后的class并不会覆盖原来的class属性，而是与原来的class进行叠加。如 ......
2023年网页内嵌VLC直接播放RTSP视频流，无需服务器转码，支持硬件解码，支持高版本Chome！
2015年之前还可以用VLC原生播放器在Chrome、Firefox等浏览器中直接播放，延迟比较低，效果也还不错。可惜好景不长，从 2015年Chrome、Firefox等浏览器取消了对 NPAPI插件的支持，海康威视官方提供的 web3.0开发包也只能在低版本浏览器播放。 而猿大师播放器是目前来说 ......
VBA获取网页文本内容
Function GetHttpText(Url As String) With CreateObject("WinHttp.WinHttpRequest.5.1") .Open "Get", Url, False .Send GetHttpText = .ResponseText End With ......