HTML&CSS

react快速开始项目模板

目录结构一个完整的前端项目需要:状态管理在全局维护共有的状态(数据),让页面组件之间共享数据,我们使用pinia路由路由让页面之间可以进行跳转,我们使用vue-router样式样式让页面更美观,我们使用tailwindcss

飞鸟malred·2025-06-29 06:41

2013年EI 新目录中新增的期刊

**【转载】2013年EI新目录中新增的期刊**斜体样式3DResearch2092673020926731ACSSustainableChemistryandEngineering21680485ActaInformatica0001590314320525AdvancesinOpticsandPhotonics19438206AdvancesinRadioScience168499651684

h_liuage·2025-06-29 06:11

Java web%10

%10新路线Javawebai笔记阶段时长内容Web前端基础2天HTML、CSS、JS、Vue3、AjaxWeb后端基础4天Maven、HTTP协议、SpringIOC、DI、MySQL、JDBC、MybatisWeb

好学且牛逼的马·2025-06-29 03:53

使用CSS @layer控制样式优先级的新方式

CSS@layer：拯救你的样式优先级，告别“!important”的焦虑各位前端同僚们，你们有没有经历过这样的噩梦？

海派程序猿·2025-06-28 21:04

小程序 rich-text 标签解析图片过大的问题解决

产生问题的原因就是通过此标签的样式不能使用css样式。

無名356·2025-06-28 19:51

uniapp vue3版本的一些小细节！

dcloudio/uni-app"onShow(()=>{showLog('onShow')})onLoad((options)=>{showLog('onLoad')})需要引入，才可以调用2，全局引入css

养乐多～ch·2025-06-28 18:46

webpack和vite区别

生态系统丰富：Webpack拥有庞大的插件和加载器生态系统，可以处理各种资源类型（JavaScript、CSS、图片等）。支持代码拆分：通过代码拆分和懒加载，Webpack可以

PromptOnce·2025-06-28 12:02

实现网页中CSS图片3D旋转效果

本文还有配套的精品资源，点击获取简介：CSS是一种用于定义文档呈现方式的技术，通过CSS3的3D转换功能，能够在二维平面上展示三维对象，让网页元素具有立体感。

Kiki-2189·2025-06-28 12:32

将图片的base64编码直接嵌入到html文件的css中

将图片的base64编码直接嵌入到html文件的css中1.背景2.将图片进行base64编码3.将图片的base64编码写入到css1.背景如果你需要在html中引入一张外部图片，你可能会这样做：如果你将引用的图片保存到本地

Kuo-Teng·2025-06-28 12:29

HTML页面设计——动态照片环

#前端开发##html超文本标记语言结构学习他的标签##css美化页面其实一部分的网站首页应用了照片环的原理，使得页面看起来更加美观，这里为大家分享一个简单的照片环编写。

·2025-06-28 12:58

使用CSS和HTML实现3D图片环绕效果

使用CSS和HTML实现3D图片环绕效果在本篇博客中，将介绍如何使用HTML和CSS实现一个3D图片环绕效果。这个效果不仅具有视觉吸引力，而且具有高度的互动性，鼠标悬停时动画会暂停。

码力无边-OEC·2025-06-28 12:28

微信小程序 progress 进度条内部圆角及内部条渐变色

微信小程序表格微信小程序progress进度条内部圆角及渐变色html:css:.wx-progress-inner-bar{border-radius:8rpx!

Bonnie(大宝)·2025-06-28 11:26

小程序领域H5的CSS布局优化

小程序领域H5的CSS布局优化：从“乱屏”到“丝滑”的实战指南关键词：小程序布局优化、CSSFlex、CSSGrid、rpx适配、重排重绘优化摘要：本文从开发者最头疼的“小程序页面布局错乱”问题出发，结合小程序特有的运行环境

小程序开发2020·2025-06-28 10:47

css同心圆扩散

同心圆扩散要点：定位：每个圆形定位要相同，因为为了达到同心圆扩散的效果有一个定宽定高的圆形，剩下的圆形通过缩放和透明的改变而改变，因此必须保证定位的位置相同为了达到垂直居中的效果，可以通过transfrom(-50%,-50%),但是因为需要通过transfrom的缩放来达到扩散的效果，因此会发现之前水平垂直的效果没有达到，因为被动画中的trasnfrom缩放的语句覆盖了可以通过margin负值宽

weixin_43966308·2025-06-28 10:15

css3 圆形水波纹特效

需求描述：需要制作一个动画，特效从圆心开始往外扩散，然后又往回收。效果图：实现代码：.circle{width:100rpx;height:100rpx;background-color:#FF4C4C;border-radius:50%;/*圆形*/box-shadow:inset00010rpxrgba(255,255,255,0.5),/*内阴影，初始半透明圆*/inset00020rpxr

程序媛之博客·2025-06-28 10:14

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

【架构】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功能说明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

推荐频道