css3-星野集-个人编程学习与开发笔记归档

星野集-个人编程学习与开发笔记归档博主等级

累计撰写 115 篇文章
累计创建 113 个标签
累计收到 1 条评论

目录CONTENT

以下是 css3 相关的文章

2025-07-26
置顶 html5+css3基础入门-第1章-1.1-Web开发概述学习目标理解前端开发的核心职责与技术栈构成掌握HTML、CSS、JavaScript三者的协作关系了解浏览器渲染网页的基本流程认识Web标准
- 2025-07-26
- 83
- 0
- 0
- HTML5+CSS3教程
2025-11-25
CSS3核心特性-第10章-10.2-动画控制与事件学习目标掌握 animation-play-state 和 animation-fill-mode 属性的语法与取值实现动画的暂停/播放控制及状态保持效果学会监听 animationstart/animationend 等动画事件并处理回调逻辑概念讲解 CSS 动画控制是指通过属性和事件对动
- 2025-11-25
- 36
- 1
- 0
- HTML5+CSS3教程
- CSS
2025-11-11
CSS3核心特性-第9章-9.4-实战：交互动效设计一、学习目标掌握3种核心交互动效的实现逻辑：按钮状态变化、导航菜单切换、3D卡片翻转理解动效设计的性能优化原则（如硬件加速、避免过度重绘）能够综合运用transition、transform和perspective属性构建复杂交互二、概念讲解：交互动效设计原则交互动效是提升用户体验的关键手
- 2025-11-11
- 34
- 0
- 0
- CSS
- HTML5+CSS3教程
2025-10-09
CSS Grid布局从入门到实战：二维布局的“瑞士军刀”与高效技巧前端开发里，“把页面元素排整齐”从来不是件简单事。你可能用过float浮动（容易塌陷）、position定位（脱离文档流难管理），甚至刚学会Flexbox（擅长排成一条线），但遇到同时要管行和列的二维布局（比如卡片列表、导航栏+主内容+侧边栏），这些工具总像“缺了一条腿”。这时候，CSS Gri
- 2025-10-09
- 31
- 0
- 0
- CSS
- 笔记
2025-10-08
CSS Flexbox布局入门：从零开始掌握弹性盒子模型你有没有过这样的经历？想让导航栏里的链接均匀分布在容器两侧，试了float: left和text-align: right组合，结果链接挤成一团；想做一张卡片列表，希望卡片自动换行且间距一致，用inline-block加margin调了半天，要么间距不对，要么换行后错位；或者想让一个容器里的元
- 2025-10-08
- 32
- 0
- 0
- 笔记
- CSS
2025-09-24
CSS3核心特性-第9章-9.3-过渡效果（transition）一、学习目标掌握过渡效果的核心语法及6个关键属性理解过渡四要素（属性、时长、缓动函数、延迟）的作用实现3种常见交互动效（颜色过渡、尺寸变换、位置移动）区分过渡与动画的适用场景及性能优化技巧二、概念讲解过渡效果（transition）是CSS3引入的状态间平滑过渡技术，允许元素在不同状态（
- 2025-09-24
- 41
- 0
- 0
- CSS
- HTML5+CSS3教程
2025-09-22
CSS3核心特性-第9章-9.2-3D变换与透视学习目标理解3D变换的核心概念（透视、3D空间、变换原点）掌握perspective属性的语法与取值规则实现基础3D变换效果（旋转、平移、缩放）掌握transform-style: preserve-3d的应用场景能够开发简单的3D交互效果（如卡片翻转、立方体展示）概念讲解 3D变换是C
- 2025-09-22
- 42
- 0
- 0
- HTML5+CSS3教程
- CSS
2025-09-19
CSS3核心特性-第9章-9.1-2D变换（transform）一、概念讲解 2D变换（transform）是CSS3提供的用于对元素进行平面空间变换的技术，通过修改元素的坐标、旋转角度、缩放比例或倾斜程度，实现动态视觉效果，且不会影响文档流布局。常见的2D变换包括平移（translate）、旋转（rotate）、缩放（scale）和倾斜（skew），可单独
- 2025-09-19
- 36
- 0
- 0
- HTML5+CSS3教程
- CSS
2025-09-11
CSS3核心特性-第8章-8.4-自定义字体（@font-face） 8.4 自定义字体（@font-face）学习目标掌握@font-face规则的语法结构及字体格式要求理解字体文件格式（TTF/OTF/WOFF）的兼容性差异学会优化自定义字体加载性能（字体子集、预加载策略）能够解决自定义字体在不同浏览器中的渲染问题概念讲解 @font-face是CSS
- 2025-09-11
- 33
- 0
- 0
2025-09-06
CSS3核心特性-第8章-8.3-滤镜效果（filter）一、滤镜效果概述 CSS3的filter属性用于对元素应用图形效果，如模糊、亮度调整、对比度增强等，无需依赖图片编辑软件即可实现复杂视觉效果。该属性支持多种滤镜函数组合，可作用于图片、文字、背景等任何HTML元素，广泛应用于图片处理、交互动效和主题切换场景。二、核心语法与取值 2.1 基础语法 /
- 2025-09-06
- 43
- 0
- 0
- HTML5+CSS3教程
- CSS

1
2