CSS 快速入门
初级
在本课程中,你将学习 CSS 的基础知识以及如何使用它来为网页添加样式。课程结束后,你将能够使用 CSS 创建一个简单的网页。
cssweb-development
💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版
- 简介
- 大纲
从宠物小屋开始
CSS 基础知识
布局与定位
文本与排版
视觉效果与图案
高级交互与动画
创建交互式 CSS 弹出式菜单
水平滚动捕捉
垂直滚动捕捉
滚动进度条
使用 CSS :focus-within 增强表单交互性
鼠标悬停时显示额外内容
按钮填充动画
按钮放大动画
按钮收缩动画
制作脉冲式 CSS 加载动画
用 CSS 技术打造视觉吸引力的设计
放大缩小动画
按钮边框动画
悬停阴影框动画
悬停时图像旋转
动态高度的平滑过渡
悬停时的透视变换
网页样式设计的 CSS 基础
波形链接悬停效果
使用 CSS 进行响应式网页设计
列表元素的交错 CSS 动画
使用 CSS 创建切换开关
带有垂直滚动条的图像画廊
带图像剪裁效果的卡片
按钮摆动动画
使用 CSS 创建旋转卡片
带水平滚动条的图像画廊
悬停下划线动画
悬停在图像上时显示菜单
导航列表项悬停和聚焦效果
自定义单选按钮
鼠标光标渐变跟踪
使用 HTML、CSS 和 JavaScript 创建打字机效果
带有浮动章节标题的列表
弹跳式 CSS 动画加载器
3D 旋转立方体
悬停时的图像叠加
使用 CSS 创建动态社交分享按钮
使用 CSS 实现带动画效果的复选框样式
使用 CSS 实现响应式砖石布局
带文本覆盖的图像
无效输入时抖动
加载失败图像的备用方案
带前缀的输入框
隐藏空元素
为无文本的链接设置样式
教师
Labby
Labby is the LabEx teacher.
分享到 Google Classroom
加入我们的 Discord 一起学习
立即加入用户评论
" thank you for helping me for free"
— MUSAB ALSAAD
" loved it, its very interactive and super fun to learn"
— Poornendra s
为您推荐

