css3

爱上好庆祝

clip-path裁剪，css的滤镜，动画时间线，css的变量和函数在那个网站自己调，生成代码复制就行就是一个滚动条，页面滑动哪里，线条也到哪里不断向下滚动页面的时候，内容会进行放大效果（做动画效果）

fīɡЙtīиɡ ℡

【SpringAi最新版入门(二)】在resource中新建一个文件夹static,创建index.html，要注意的是文件夹必须是static，否则springboot无法加载index.html

小李子呢0211

前端八股CSS（3）---水平垂直居中的实现方法目录一、核心区别速览二、详细解析1. Flex 布局（最常用、最推荐）2. Grid 布局（最简单）3. 定位 + transform（子绝父相，通用方案）

爱上好庆祝

svg图片利用svg图片：先去网页下载，要选择svg格式下载，点开文件夹，再查看页面源代码，再svg开始复制，复制好去代码中

1.2 CSS 基础选择器、盒模型、flex 布局、grid 布局我来为实习生准备一份生动细致的CSS教程。让我用代码演示的方式，把这几个核心概念讲透。选择器就是告诉浏览器：我要选谁，给它穿什么样的衣服。

【Vue】自适应布局在 Vue 项目中实现布局自适应，主要有响应式布局和适配不同分辨率两个层面的需求。根据窗口大小调整布局，适合不同尺寸的桌面窗口。

前端大屏适配方案：rem、vw/vh、scale 到底选哪个？🧑‍💻 写在开头点赞 + 收藏 === 学会🤣🤣🤣上周帮朋友救火一个数据大屏项目，甲方临时说要从 1920×1080 的投影换成 3840×1080 的超宽拼接屏。朋友用的是 transform: scale 方案，结果两边各留了一大片黑边，甲方当场黑脸。这事儿让我决定把大屏适配这个"老生常谈但总有人踩坑"的话题彻底讲清楚。

酉鬼女又兒

零基础快速入门前端ES6 核心特性详解与蓝桥杯 Web 考点实践(可用于备赛蓝桥杯Web应用开发)ES6（ECMAScript 2015）是 JavaScript 的一次重大更新，为前端开发带来了更简洁、更强大的语法。在蓝桥杯 Web 方向竞赛中，ES6 新特性几乎是必考内容，掌握它们能帮助你高效处理字符串、数组、对象，写出更优雅的代码。本文将从你提供的代码片段出发，系统梳理 ES6 中常用的扩展写法，并结合蓝桥杯常见考点进行拓展，每个知识点都附有汇总表格和代码实例。

我命由我12345

HTML 开发 - HTML 描述列表标签（＜dl＞、＜dt＞、＜dd＞）在 HTML 中，<dl>、<dt>、<dd> 标签用于创建描述列表（Description List）

酉鬼女又兒

零基础快速入门前端蓝桥杯 Web 备考：AJAX 与 XMLHttpRequest 核心知识点及实战(可用于备赛蓝桥杯Web应用开发)在 Web 开发中，AJAX（Asynchronous JavaScript and XML）是实现页面异步数据交互的核心技术，也是蓝桥杯 Web 应用开发赛道的高频必考点。本文将结合一段购物车实战代码，深入拆解 XMLHttpRequest、AJAX 请求流程、JSON 解析及 DOM 动态渲染等核心知识点，并通过表格汇总 + 代码实例的形式，帮助你高效备考。

我是伪码农

14届蓝桥杯1.电影院排座位忘记如何用:nth-child()2.图片水印生成没有认真看，没看到要用<span>标签展示，以及对deg的不理解

酉鬼女又兒

零基础入门前端第十三届蓝桥杯省赛：水果拼盘 Flex一篇过(可用于备赛蓝桥杯Web应用开发)Flex（Flexible Box，弹性盒子）是 CSS3 中用于一维布局的强大工具，能让容器内的元素自动对齐、分配空间，完美适配不同屏幕尺寸。它由 Flex 容器（父元素）和 Flex 项目（子元素）组成。

【白板类-02-01】20260326找影子01（html+希沃白板）【白板类-01-01】20260326水果连连看01（html+希沃白板）https://mp.csdn.net/mp_blog/creation/editor/159469952

CSS文字渐变CSS本身没有对于文字的渐变色支持，我们常见的渐变色一般都是背景色渐变。但如今的很多前端展示场景，出于美观的目的，都需要有渐变文字。

CSS 全栈指南：从基础到 2025 新特性从层叠规则到现代布局，从自定义属性到容器查询，系统梳理 CSS 全栈知识，涵盖 W3C 2025 最新特性，助你写出优雅、高性能的样式代码。

Predestination王瀞潞

6.5.2 软件-＞W3C HTML5、CSS3标准（W3C Recommendation）：HTML（HyperText Markup Language）HTML（超文本标记语言，HyperText Markup Language）是构建网页结构的核心语言，它不是编程语言，而是标记语言—— 通过一系列「标签」描述网页的结构和内容（如标题、段落、图片、链接等），浏览器会解析这些标签并渲染出可视化的网页

Predestination王瀞潞

6.5.3 软件-＞W3C HTML5、CSS3标准（W3C Recommendation）：Selector网页选择器网页中的 Selector（选择器）是一套标准化的语法规则，用于精准定位 HTML/XML 文档中的任意元素（如按钮、文本、图片、表单等），它是前端开发（CSS/JS）、爬虫开发（数据提取）的核心工具，主流分为 CSS 选择器（最常用）和 XPath 选择器（功能更强），下面分模块详细讲解

Predestination王瀞潞

6.5.1 软件-＞W3C HTML5、CSS3标准（W3C Recommendation）：CSS（Cascading Style Sheet）CSS（层叠样式表，Cascading Style Sheets）是用来描述 HTML/XML 文档呈现样式的语言，核心作用是分离结构（HTML）和样式（CSS），让网页的外观设计更灵活、维护更方便

有趣味的登录页它踏着七彩祥云来了最近，有一个比较火的很有趣且灵动的登录页火了。已经有大神（katavii）复刻了动画效果，并在github上开源了：https://github.com/katavii/animated-login ，基于React实现。