css随想第7页

css优化之提高代码拓展性

css优化系列文章css优化系列：通过“使用CSS变量”和“整合重复样式”来优化代码的可维护性。

小小不吃香菜·2025-06-28 09:44

CSS实标题现同心圆的缩放

CSS实标题现同心圆的缩放最近学习了css动画效果，记录一下同心圆的缩放问题问题描述我先设置了两个div，外圈是class=“one”，内圈是class=“two”,代码如下：分别设置他们的div，给他们边框

做一个暴躁的开发·2025-06-28 09:43

java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw

lwjava毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

兮兮科技·2025-06-28 09:13

使用html+css+jquery实现3D轮播图

还是先来看看效果图：通过效果图我们先理一下思路：首先就是需要几张图片，但只有一张是显示在我们眼前的第二步：把一张图片分成几等份，这样点击转换的时候就会分开转第三步：就是实现点击按钮切换下一张。HTML部分HTML部分首先我们需要一个盒子显示图片，然后在盒子里装入图片，你想装几张图片就可以写几个li,除了图片我们还需要一个按钮来点击。一个li的图片效果如图所示：div是当你点击下一张的时候一个div

mini_055·2025-06-28 09:42

css实现圆环效果

圆环效果图.div{width:100px;height:100px;background-color:#fbc2eb;border-radius:50%;}.div:after{content:"";display:block;width:50px;height:50px;border-radius:50%;background-color:#fff;position:relative;top:

春风欲雨·2025-06-28 09:10

谷歌离线应用之渐进式 Web 应用 Progressive Web APP（PWA）

一、渐进式Web应用（PWA）的定义‌渐进式Web应用（ProgressiveWebApp，PWA）是一种结合传统Web技术与现代移动应用特性的技术方案，旨在通过HTML、CSS和JavaScript构建具备‌原生应用体验‌的

伍哥的传说·2025-06-28 01:22

代码随想录算法训练营第一天|704.二分查找、35.搜索插入位置、34.在排序数组中查找元素的第一个和最后一个位置、27.移除元素、977.有序数组的平方

LeetCode704二分查找题目链接二分查找左闭右闭写法classSolution{publicintsearch(int[]nums,inttarget){intleft=0,right=nums.length-1;if(targetnums[right]){return-1;}while(left>1);if(target>nums[mid]){left=mid+1;}if(targetnu

天天开心(∩_∩)·2025-06-28 00:16

【架构】vue-cli集成electron

Electron：Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。

Fiz-EIM官方·2025-06-27 22:04

【CSS 行高陷阱：如何避免文本被截断问题】

CSS行高陷阱：如何避免文本被截断问题创建时间：2025/6/26标签：CSS,布局,文本渲染,UniApp问题背景在移动端开发中，我们经常会遇到文本显示不完整的问题。

Gazer_S·2025-06-27 18:02

css快速解决方案，微信小程序和H5底部栏 iPhoneX安全区域(Safe Area)底部小黑条在的屏幕适配

使用苹果官方推出适配方案css函数env()、constant()来适配苹果官方推荐使用env()，constant()来适配，建议使用该方案，不需要管数值具体是多少。这2个方法是什么呢？

霸霸最棒·2025-06-27 18:31

微信小程序适配 iPhone 底部导航区域（safe area）的完整指南

解决吸底按钮被遮挡、iOS“小黑条”兼容问题，基于env()与constant()的CSS安全区域适配。

爱宇阳·2025-06-27 17:29

使用 HTML、CSS、JS 和 API 制作一个很棒的天气 Web 应用程序

个人网站:【海拥】【神级代码资源网站】【办公神器】基于Web端打造的：轻量化工具创作平台想寻找共同学习交流的小伙伴，请点击【全栈技术交流群】今天我将使用Weather和UnsplashAPI以及倾斜效果和玻璃形态外观创建凉爽的天气应用程序直接跳到末尾获取完整源码⛅Weather.io☔⚓第1步-设置环境并收集所有资源第2步-从index.html开始第3步-设置索引文件的样式第4步-获取Weath

海拥✘·2025-06-27 11:46

【高频考点精讲】CSS动画性能优化：为什么你的动画卡顿？这些技巧让你的页面丝般顺滑

CSS动画性能优化：为什么你的动画卡顿？这些技巧让你的页面丝般顺滑‍作者：全栈老李更新时间：2025年6月‍适合人群：前端初学者、进阶开发者版权：本文由全栈老李原创，转载请注明出处。

全栈老李技术面试·2025-06-27 10:45

前端实战：运用 HTML、CSS 和 JavaScript 技术，打造一个宇宙风格的个人空间站网页

本文将详细介绍如何运用HTML、CSS和JavaScript技术，构建一个类似宇宙的个人空间站网页。二、项目概述这个个人空间站网页由首页、个人中心、作品展示和个人博客四个核心页面组成。

迟雨.·2025-06-27 10:13

代码随想录| 图论01 ●深度优先搜索知识 ●797所有可能的路径 ●广度优先搜索知识 ●200 岛屿数量dfs ●200 岛屿数量bfs

#dfs知识看了一下感觉和二叉树，和回溯，没啥区别。#797所有可能路径普通回溯，很快path.push_back(0);要提前写不要忘了。另外path不要担心不需要归零，他每次回溯call完了会退回去的vector>res;vectorpath;voiddfs(intnode,intn,vector>&graph){if(node==n-1){res.push_back(path);return

weixin_51674457·2025-06-27 08:00

代码随想录|图论理论基础

1.图的种类（有向图和无向图）有向图：图中边有方向无向图：图中边无方向加权有向图：图中边是有权值和方向的，无向图也是如此2.度（无向图中有几条边连接该节点，该节点就有几度）出度：从该节点出发的边的个数入度：指向该节点边的个数3.连通性（在图中表示节点的联通情况，我们称之为连通性）连通图：在无向图中，任何两个节点都是可以到达的（可以借助其他节点）非连通图：有节点不能到达其他节点强连通图：在有向图中，

·2025-06-27 08:58

20240820 代码随想录｜图论岛屿

98.所有可达路径深度优先搜索（dfs）和广度优先搜索（bfs）区别：dfs是可一个方向去搜，不到黄河不回头，直到遇到绝境了，搜不下去了，再换方向（换方向的过程就涉及到了回溯）。bfs是先把本节点所连接的所有节点遍历一遍，走到下一个节点的时候，再把连接节点的所有节点遍历一遍，搜索方向更像是广度，四面八方的搜索过程。n,m=map(int,input().split())print(''.join(

m0_46259676·2025-06-27 08:28

20240821 代码随想录｜图论

103.水流问题dfs深度优先搜素directions=[[0,1],[0,-1],[1,0],[-1,0]]set_1=set()set_2=set()n,m=map(int,input().split())g=[]for_inrange(n):g.append(list(map(int,input().split())))defdfs(g,x,y,visited,s):visited[x][y

m0_46259676·2025-06-27 08:28

代码随想录|图论|04广度优先搜索理论基础

广搜的使用场景广搜的搜索方式就适合于解决两个点之间的最短路径问题。因为广搜是从起点出发，以起始点为中心一圈一圈进行搜索，一旦遇到终点，记录之前走过的节点就是一条最短路。当然，也有一些问题是广搜和深搜都可以解决的，例如岛屿问题，这类问题的特征就是不涉及具体的遍历方式，只要能把相邻且相同属性的节点标记上就行。（我们会在具体题目讲解中详细来说）比如下面这个图，从start开始慢慢向外扩展，第4次扩展才到

Paper Clouds·2025-06-27 08:25

代码随想录|图论|05岛屿数量（深搜DFS）

leetcode:99.岛屿数量题目题目描述：给定一个由1（陆地）和0（水）组成的矩阵，你需要计算岛屿的数量。岛屿由水平方向或垂直方向上相邻的陆地连接而成，并且四周都是水域。你可以假设矩阵外均被水包围。输入描述：第一行包含两个整数N,M，表示矩阵的行数和列数。后续N行，每行包含M个数字，数字为1或者0。输出描述：输出一个整数，表示岛屿的数量。如果不存在岛屿，则输出0。思路遇到一个没有遍历过的节点陆

Paper Clouds·2025-06-27 08:25

代码随想录day16二叉树4

文章目录513.找树左下角的值112.路径总和113.路径总和II106.从中序与后序遍历序列构造二叉树105.从前序与中序遍历序列构造二叉树513.找树左下角的值题目链接文章讲解/***Definitionforabinarytreenode.*structTreeNode{*intval;*TreeNode*left;*TreeNode*right;*TreeNode():val(0),lef

皮蛋瘦肉粥_121·2025-06-27 07:22

代码随想录day13二叉树1

文章目录二叉树的递归遍历二叉树前序遍历二叉树后序遍历二叉树中序遍历二叉树层序遍历102.二叉树的层序遍历107.二叉树的层序遍历II199.二叉树的右视图637.二叉树的层平均值429.N叉树的层序遍历515.在每个树行中找最大值116.填充每个节点的下一个右侧节点指针117.填充每个节点的下一个右侧节点指针II104.二叉树的最大深度111.二叉树的最小深度二叉树的递归遍历文章讲解确定递归函数的

皮蛋瘦肉粥_121·2025-06-27 07:52

代码随想录day15 二叉树3

题目：110.平衡二叉树（优先掌握递归）257.二叉树的所有路径（优先掌握递归）404.左叶子之和（优先掌握递归）222.完全二叉树的节点个数（优先掌握递归）需要重做：全部110.平衡二叉树（优先掌握递归）思路：getHeight函数，如果不平衡，返回-1，否则返回当前左右子树最大值+1；注意：此题需if（cur==null）就返回，因为不一定是叶子！可能1的左子树不为空，右子树为空，这样就遍历不

m0_74187270·2025-06-27 07:20

代码随想录day14 Java版二叉树部分

今天开始刷二叉树的题目，发现大多数都是在昨天的遍历的基础上的变式226.翻转二叉树根据题目描述模拟整个交换过程，发现非常像前序遍历的递归方式：每次先将当前节点的左右孩子互换，再递归左右孩子，当节点为空的时候停下。（实际上看了题解发现除了中序遍历先处理了左边，回到中间节点时将左右颠倒了，之后处理“右边”部分相当于把左边转了回来。可以把处理完中间节点的代码改成依然处理左边）我最开始在写题的时候将交换功

洒水水儿·2025-06-27 07:48

代码随想录day15 Java版二叉树部分

222.完全二叉树的节点个数自己做没想出来完全二叉树这个条件怎么利用，直接递归遍历了classSolution{publicintcountNodes(TreeNoderoot){if(root==null)return0;returncountNodes(root.left)+countNodes(root.right)+1;}}但看了题解，如果判断子树为满二叉树，可以直接套公式关键在于怎么判断

洒水水儿·2025-06-27 07:48

代码随想录day16 二叉树

513.找树左下角的值给定一个二叉树的根节点root，请找出该二叉树的最底层最左边节点的值。假设二叉树中至少有一个节点。层序遍历，只不过是右边的节点先入队，所以最后的就是左边节点的值。classSolution{publicintfindBottomLeftValue(TreeNoderoot){Dequedeque=newLinkedListdeque=newLinkedListdequeVal

Hoshinoharuka·2025-06-27 07:17

代码随想录day15二叉树3

文章目录222.完全二叉树的节点个数110.平衡二叉树257.二叉树的所有路径404.左叶子之和222.完全二叉树的节点个数题目链接文章讲解/***Definitionforabinarytreenode.*structTreeNode{*intval;*TreeNode*left;*TreeNode*right;*TreeNode():val(0),left(nullptr),right(nul

皮蛋瘦肉粥_121·2025-06-27 07:14

小程序实现摄像头拍照 + 水印绘制

文章标题01功能说明02使用方式&效果图2.1基础用法2.2拍照+底部定点水印+预览2.3拍照+整体背景水印+预览03全部代码3.1页面布局html3.2业务核心js3.3基础样式css01功能说明需求

小晗同学·2025-06-27 06:39

很齐全的纯CSS来实现渐变效果

CSS中的渐变类型主要有线性渐变（linear-gradient）、径向渐变（radial-gradient）和重复渐变（repeating-linear-gradient）和重复径向渐变（repeating-radial-gradient

豆豆（前端开发+ui设计）·2025-06-27 04:29

CSS进阶-第二十五篇：CSS 与前端工程化-后处理器与模块化（二）：CSS 模块化实践

CSS进阶-第二十五篇：CSS与前端工程化-后处理器与模块化（二）：CSS模块化实践在前端工程化的进程中，CSS模块化成为解决样式管理难题的有效方案。

程序员勇哥·2025-06-27 02:12

selenium UI自动化元素定位中classname和CSS区别

Selenium提供了多种定位策略，包括通过ID、Name、ClassName、CSSSelector、XPath等。

nanzhuhe·2025-06-27 02:40

对CSS工程化的理解

对CSS工程化的理解1.CSS工程化的作用2.CSS工程化实践思路2.1预处理器2.2PostCss2.3Webpack处理CSS1.CSS工程化的作用CSS工程化是为了解决以下问题：宏观设计：CSS代码如何组织

·2025-06-27 02:09

python和html和css什么关系什么区_python前端HTML和CSS入门

前端阶段课程介绍1~4:HTML及CSS5~6:JavaScript7~10:jQuery00-知识点预习1、HTML基本结构2、HTML的常用标签3、HTML布局入门4、CSS概述5、CSS书写方式6

斤木·2025-06-26 22:45

HTML+CSS快速入门

在本文章开篇之前，需要先提前准备好代码运行环境，首先需要准备好VisualStudioCode用来编写代码，然后找一个适合的浏览器，用来看代码的运行效果。建议使用谷歌浏览器，当然电脑自带的浏览器也是可以的。快捷键生成浏览器文件：！+回车代码格式化：shift+Alt+F向上或向下移动一行：Alt+上方向键，Alt+下方向键快速复制一行代码：shift+Alt+上/下方向键保存：Ctrl+S快速查找

二十十十十十·2025-06-26 20:02

实现在线访问OSS中的PDF、图片等文件（OSS不支持在线访问，而是默认下载）

要实现在线预览，需要确保：响应头Content-Disposition为inline正确设置Content-Type头（如text/html、text/css、application/javascript

·2025-06-26 20:01

移动应用通信协议逆向分析与防护实践

iptables-tnat-AOUTPUT-ptcp--dport80-jREDIRECT--to-port88892.SSLPinning绕过（Java代码）//自定义TrustManager绕过证书校验publicstaticSSLSocketFactory

群联云防护小杜·2025-06-26 18:17

小程序入门：探索 WXSS 与 CSS

在前端开发领域，CSS（层叠样式表）作为网页样式设计的核心技术，为网页赋予了丰富多彩的视觉效果。而在小程序开发中，WXSS（WeiXinStyleSheets）承担着类似的角色。

you4580·2025-06-26 18:15

python爬虫的基础知识

1.学习爬虫的好处提升编程技能：爬虫开发需要掌握编程基础，特别是网络请求、HTML/CSS/JavaScript解析、数据存储和异常处理等技能。

ઈ一笑ഒ·2025-06-26 13:42

使用原生的HTML+CSS+JavaScript实现简单的注册登录切换效果

所以我也尝试着写了这个案例本案例效果图如下：注册效果登录模块效果本案例除了实现切换之外，还有数据校验相关的功能，可以帮住大家练习HTML、CSS和JS参考代码：注册登录*{margin:0;padding

小黄人儿_9988·2025-06-26 03:05

Webpack中常用的Loader和Plugin

：module.exports={module:{rules:[{test:/\.js$/,exclude:/node_modules/,use:'babel-loader',},],},};1.2.CSSLoader

aiguangyuan·2025-06-26 01:55

java-SpringBoot框架开发计算器网页端编程练习项目【web版】

springboot：2.6.13使用的技术是：Java+SpringBoot+Thymeleaf+HTML/CSS/JS构建的Web端简约按钮式计算器。

·2025-06-26 01:21

报错 @import “~element-ui/packages/theme-chalk/src/index“；

@import“~element-ui/packages/theme-chalk/src/index”;src\views\login\theme\element-variables.scss

资深柠檬精·2025-06-25 19:40

CSS 单行溢出文本显示省略号...的方法（兼容IE FF）

新闻列表是很多网站都有的，写页面时经常遇到，看到这么详细的教程怎么能不转~留着参考用~~===================================================html代码：CSSWebDesign

dai0941·2025-06-25 14:05

CSS 问题记录：:active 状态下背景超出 border-radius 的圆角区域

CSS问题记录：:active状态下背景超出border-radius的圆角区域问题描述在开发中，我们经常使用:active伪类来为可点击元素添加激活状态的样式。

码客前端·2025-06-25 14:03

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | MovieApp（电影卡片组件）

SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app/使用Vue3的CompositionAPI和语法结合TailwindCSS

sunbyte·2025-06-25 14:33

CSS 实现文本溢出省略号（三种主流方式，适配单行 & 多行）

最常见的方式就是使用CSS的ellipsis（省略号）技术，让文本在超过指定行数时，用…来表示“还有更多”。

爱宇阳·2025-06-25 14:33

解锁Selenium：Web自动化的常用操作秘籍

目录一、Selenium简介二、环境搭建2.1安装Selenium库2.2下载浏览器驱动三、定位元素3.1通过ID定位3.2通过名称定位3.3通过XPath表达式定位3.4通过CSS选择器定位3.5通过类名定位

奔跑吧邓邓子·2025-06-25 14:01

【CSS】CSS3媒体查询全攻略

媒体查询教程媒体查询(MediaQueries)是CSS3中引入的强大功能，允许内容根据设备特性(如屏幕尺寸、分辨率、方向等)进行自适应调整。

Vesper63·2025-06-25 14:00

保持元素的宽高比

保持元素宽高比的多种CSS方法在响应式设计中，保持元素的宽高比是一个常见需求。

＆白帝＆·2025-06-25 08:52

css点击按钮出现水波纹效果

按钮水波纹动画效果示例.ripple-button{position:relative;overflow:hidden;padding:12px24px;background-color:#6200ee;color:white;border:none;border-radius:4px;cursor:pointer;outline:none;}.ripple-button::after{conte

＆白帝＆·2025-06-25 08:51

推荐频道

css随想