css

CarIise10 小时前
服务器·css·jquery
事件传播、CSS动画、服务器字体与jQuery⭐ 老师强调:事件传播发生在嵌套父子元素绑定了相同事件类型时,触发其中一个会连带触发其他嵌套元素上的相同事件。就像洋葱层层包裹,碰外皮内层也感知到震动。
XLYcmy10 小时前
java·前端·css·html·vue3·vue2·api
HTML/CSS/JS 基础与 Vue 技术栈深度解析当面试官问出 “是否熟悉前端基本技术,包括 HTML/CSS/JavaScript?介绍一下?” 时,千万不要只回答“熟悉”两个字。建议采用 “定义 → 核心特点 → 简单示例 → 总结” 的结构化方式,展现你的技术深度和表达逻辑。
风月说与山鬼11 小时前
前端·css·tailwind css
四、Tailwind CSS——间距与尺寸作用说明: Tailwind 的间距刻度,就是一套用来统一控制“距离”的数值体系。内边距、外边距、子元素间距、宽高都共用这套刻度,因此整个页面看起来会比较协调,不会出现一个地方用 14px、另一个地方又用 15px 的零散情况。
风月说与山鬼11 小时前
前端·css·tailwind css
三、Tailwind CSS——排版与文字样式作用说明: 字体族指的是“用哪一类字体来显示文字”,例如无衬线字体、衬线字体或等宽字体。Tailwind 默认提供三个字体族工具类,分别对应 CSS 变量 --font-sans、--font-serif 和 --font-mono。写类名时就是 font-* 后面跟字体族名称。
里欧跑得慢13 小时前
前端·css·flutter·web
AI 驱动的 UI 国际化方案自动适配:从单一语言到多语言布局的智能转换UI 国际化(i18n)不仅是文本翻译,还涉及布局适配。德语文本比英语长 30%-40%,阿拉伯语从右到左(RTL)书写,中文没有词间空格影响换行。一个在英文下完美的布局,切换到德语后按钮文本溢出,切换到阿拉伯语后布局镜像翻转但图标方向未调整。
晓得迷路了14 小时前
前端·javascript·css
栗子前端技术周刊第 144 期 - Rspack 2.2、pnpm 12、Solid 2.0 RC...🌰栗子前端技术周刊第 144 期 (2026.08.24 - 2026.08.30):浏览前端一周最新消息,学习国内外优秀文章,让我们保持对前端的好奇心。
CarIise1 天前
前端·css
下拉菜单HTML/CSS/JS实现⭐ 老师强调:下拉菜单的本质是"容器+两块区域"——一块是对外展示的可见区域(如"学位管理"),另一块是默认隐藏的下拉内容区(二级菜单),鼠标悬停时展示,离开时隐藏。
里欧跑得慢2 天前
前端·css·flutter·web
Flutter 像素级还原:设计稿到代码的视觉无损转换技巧做过 UI 还原的开发者都有这种经历:对着设计稿调了一下午,感觉"差不多了",结果设计师走过来扫一眼就说,"这里间距是 12px 不是 14px"、"这个阴影扩散半径不对"、"文字行高跟设计稿不一样"。
烂蜻蜓2 天前
javascript·css·flask
Flask入门教程(十):静态文件——CSS、JS与图片的正确管理方式Flask默认从应用目录下的static/文件夹提供静态文件。你只需要创建这个文件夹并将静态资源放入其中即可:
夏炳辉.2 天前
前端·css·css3
Flex布局中 flex: 1 的完整解析与实战指南在前端开发中,Flexbox 是最常用的布局方案之一,而 flex: 1 更是高频出现的属性值。很多开发者虽然每天都在用,却未必真正理解它的底层逻辑。本文将从 flex-basis 的角度出发,系统拆解 flex: 1 及其变体的行为差异,帮助你彻底掌握这一核心概念。
zhanghaha13143 天前
前端·css·html
HTML系列教程:8_HTML 文本格式化标签网页中,有些文字需要特殊效果:加粗、斜体、删除线、下标、上标等。 文本格式化标签大多属于行内元素,写在段落<p>、标题<h2>内部,用来修饰一小段文字,不会独占一行。
csuzhucong4 天前
javascript·css·html
二十一 - 四十阶魔方目录一,自动复原程序二,二十一 - 三十阶魔方(无界面版)1,生成程序2,生成结果三,三十阶魔方(网页版)
言乐64 天前
前端·javascript·css·python·css3
Python关于老游复刻与创新2这是双人乒乓球模拟游戏HTML代码,支持两位玩家在同一设备上使用键盘操控球拍对战。```html<!DOCTYPE html>
软件技术NINI5 天前
前端·css·html
传统文化html+css 5页目录一、👨‍🎓网站题目二、✍️网站描述三、📚网站介绍四、🌐网站效果五、🪓 代码实现🧱HTML
海兰6 天前
css·html·css3
【应用】UUID v7 生成器 HTML 代码核心生成逻辑:UUID v7 的高 48 位基于 Date.now() 获取的毫秒级 Unix 时间戳,剩余位则通过 crypto.getRandomValues() 填充加密级随机熵,确保了唯一性和安全性。
feixing_fx6 天前
前端·css·前端框架·交互·css3
告别枯燥字体:Web 字体加载策略与 font-display 最佳实践你是否发现,无论布局多精美,如果网页上的文字还是千篇一律的宋体或 Arial,整个设计就会显得廉价且缺乏品牌感。引入自定义的 Web 字体能瞬间提升网页的质感,但随之而来的往往是性能灾难:页面加载时文字突然消失(FOIT),或者先显示丑陋的系统字体再突然跳动(FOUT)。今天,我们就来彻底攻克 Web 字体加载的痛点,让你的网页既好看又流畅。
ly76896 天前
前端·css
CSS 从入门到进阶:系统掌握现代网页样式与布局CSS 是前端开发的三大基础技术之一。HTML 负责页面结构,CSS 负责页面表现,JavaScript 负责页面行为。本文将从基础语法、选择器、盒模型开始,逐步讲解 Flexbox、Grid、响应式设计、动画、CSS 变量、容器查询、层叠层、原生嵌套、性能优化和工程化实践。
前端技术官6 天前
css·滚动驱动动画·容器查询·:has()·anchor positioning
一行 CSS 新特性干掉 20 行 JavaScript ?Hello 大家好😁。如果你在 2026 年,还在用 JavaScript 监听滚动事件来实现视差动画,还在用 ResizeObserver 来做组件级响应式,还在引入 Popper.js 来定位一个小小的气泡提示框……
Beginner x_u7 天前
css·tailwindcss·工程化
Tailwind CSS 速通:有 CSS 基础的实战入门本文速览一句话总结:本文从传统 CSS 的写法切入,快速梳理 Tailwind CSS 的 utility-first 思路、v4 的 @theme 配置、常用语法,以及它与原生 CSS 的使用边界。
WL_arm7 天前
javascript·css·人工智能·html5
Vibe Coding(氛围编程)入门本节导读 1. 了解 Vibe Coding(氛围编程)的核心理念 2. 完成开发环境配置 3. 用基础的提示词生成你的第一个网页作品