html+css基础：22、css3的新增文本属性(文本阴影/换行/溢出/修饰/描边)、新增渐变(线性渐变、径向渐变、重复渐变、渐变案例) CSS3新增文本属性与渐变效果摘要： 本文介绍了CSS3新增的文本属性与渐变效果。在文本属性方面，包括文本阴影(text-shadow)实现文字发光效果、文本换行(white-space)控制空白处理方式、文本溢出(text-overflow)处理长文本显示、文本修饰(text-decoration)添加装饰线样式以及文本描边(-webkit-text-stroke)创建空心文字效果。在渐变效果方面，详细讲解了线性渐变、径向渐变、重复渐变等实现方法，并提供了实际应用案例。这些新特性大大增强了网页文本的表现力

阅读 1.6k

50赞

收藏 37
【随手记】uniapp + V3 使用TailwindCss3 之后安装，可以手动执行一下 patch 方法，

阅读 1.0k

16赞

收藏 10
基于HTML、Javascript、CSS3的小米商城项目 1 绪论1.1 项目简介在数字经济高速发展的当下，电子商务平台已成为连接企业与消费者的核心桥梁，其便捷的购物流程、丰富的商品展示形式极大地改变了传统消费模式[8]。本项目是基于 Web 前端技术开发的模拟电商平台，以小米商城为原型，聚焦于前端页面搭建与核心交互功能实现，旨在将 HTML、CSS、JavaScript 等理论知识转化为实际开发能力，完成课程实践要求。项目无需依赖后端数据库与服务器，通过前端技术模拟完整的电商购物流程，为用户提供贴近真实场景的线上购物体验。项目采用原生前端技术栈开发，核心技术包括

阅读 853

29赞

收藏 9
CSS3制作气球上升动画特效指南 在CSS3中，关键帧动画提供了一种更为强大的动画制作方式，可以让我们在动画过程中对元素的样式进行更精确的控制。关键帧动画基于时间的推移，将动画分成多个阶段，每个阶段都可以定义一套CSS样式规则，我们称之为“关键帧”。使用@keyframes规则可以定义动画序列，然后在animation属性中引用这个动画序列。一个动画序列可以包含开始状态的关键帧（0%），结束状态的关键帧（100%），以及任意数量的中间状态的关键帧。浏览器会自动处理这些状态之间的过渡，生成平滑的动画效果。

阅读 1.0k

25赞

收藏 10
【ThreeJs】【HTML载入】Three.js 中的 CSS2DRenderer 与 CSS3DRenderer 全面解析 在 Three.js 项目中，很多时候我们需要把 HTML 元素放进 3D 世界里：比如信息标签、操作按钮、甚至一个完整的弹窗界面。Three.js 官方提供了两种方案：本文将从 区别、使用规则、示例写法、事件交互 四方面来讲解。👉 简单一句话：规则 1：需要固定朝向相机 → 用 CSS2DRenderer例：人物名字、坐标标签、提示文字规则 2：需要 3D 效果或网页窗口 → 用 CSS3DRenderer例：可旋转的网页卡片、嵌入式表单、3D 弹窗规则 3：性能优先时 → 先考虑 CSS2DRe

阅读 2.0k

38赞

收藏 18
2025-09-05 CSS3——盒子模型 CSS盒模型解析 CSS盒模型是网页布局的核心概念，将每个HTML元素视为由四个部分组成的矩形盒子： 外边距（Margin）：透明区域，控制元素间距 支持单边设置或简写属性（1-4值语法） 可使用auto实现水平居中 垂直方向可能出现外边距折叠现象 边框（Border）：可见轮廓 包含宽度、样式和颜色三个属性 支持整体或单边简写 样式是显示边框的必要条件 内边距（Padding）：内容与边框间的透明缓冲 会继承元素背景 内容区（Content）：显示实际内容 额外特性： 轮廓（Outline）：位于边框外围

阅读 997

19赞

收藏 21
CSS3 Flex 布局完全指南：从入门到精通，搞定现代网页布局 Flex布局是CSS3引入的一种一维布局模型，通过简洁的语法和强大的弹性适配能力，成为现代响应式网页开发的首选方案。它摒弃了传统浮动和定位布局的繁琐，轻松实现水平居中、多列布局等复杂需求。Flex布局基于"容器-项目"结构，通过主轴和交叉轴控制元素排列，核心属性包括flex-direction、flex-wrap、justify-content等。实战中可用于水平垂直居中、自适应多列布局、固定侧边栏等场景。相比传统布局，Flex具有语法直观、学习成本低、适配能力强等优势，是现代前端开发的

阅读 1.4k

41赞

收藏 30
CSS3——文本样式（字体样式和文本布局） css3中字体样式和文本布局的知识点

阅读 1.6k

14赞

收藏 11
CSS3(Web前端开发笔记第二期) Flex布局也叫弹性布局，是浏览器提倡的布局模型，非常适合结构化布局，提供了强大的空间分布和对齐能力。标准流也叫文档流，指的是标签在页面中默认的排布规则，例如块元素独占一行，行内元素可以一行显示多个。font是一个复合属性，即属性的简写方式，一个属性对应多个值的写法，各个属性值之间用空格隔开。在父级元素内容的最后一个添加一个块级元素，设置CSS属性clear:both。content：“”，用来设置伪元素的内容，如果没有内容，则引号留空即可。作用：布局网页的时候，根据标签的显示模式选择合适的标签摆放内容。

阅读 812

22赞

收藏 23
CSS3实现炫彩动态光点背景动画特效代码 CSS3动画技术作为现代网页设计中不可或缺的一部分，极大地丰富了用户界面的视觉表现力。本章将从整体视角出发，介绍CSS3动画的基本概念、发展历程及其在前端开发中的重要地位。重点阐述CSS3动画相较于传统JavaScript动画的优势，包括性能更优、代码简洁、易于维护等特性。/* 示例：一个简单的光点动画骨架 */通过理解CSS3动画的核心机制——基于帧的渲染模型和浏览器的硬件加速支持，为后续深入学习animation与transform等关键属性打下坚实的理论基础。

阅读 1.1k

12赞

收藏 30
作者推荐
冰河世纪20
喜爱运动，更喜欢技术！
关注
盛寒
本科计算机相关课程以及通识课课程（高等数学、线性代数、大学物理）等冲刺不挂科
关注
千天夜
一个热爱算法的码农
关注
狂野有理
万水千山总是情，点个关注行不行。有缘千里来相会，你的支持最宝贵。
关注
爱代码的小黄人
分享新知
关注
simon_skywalker
职场打工人
关注
BlackPercy
研究方向随机逼近方法，锥约束优化，最优控制。
关注
Cathy Bryant
又有知识…增加了
关注
Amidst.
一天一游戏，有趣到不露痕迹。
关注
A抽子
zzu->tju。
关注