世界上最伟大的投资就是投资自己的教育
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程
20 个视频
Tailwind 是一个用于快速 UI 开发的实用工具集 CSS 框架,设计理念是以实用为先,它提供了高度可组合的应用程序类,可帮助开发者轻松构建复杂的用户界面,这套视频教程从入门讲起,帮你掌握 Tailwind CSS 知识和技能实战一个完整的网页。
学完本课程,您将掌握:
- 掌握 Tailwind CSS 的基础知识实战
- 学习使用 Tailwind CSS 创造一个网站
- 掌握 Tailwind CSS 的基础知识与技能
- 使用 Tailwind CSS 创建自己的网站模板
- 配置 Tailwind CSS
- 使用 Tailwind CSS 设计响应式页面。
适合人群:
只要懂点 HTML / CSS 即可
学习计划:
- 本套课程以实战为主,只要跟着实战视频一节节实战即可
- 多加练习,总结,记笔记即可
课程目标:
带你了解 2021 年最该学习的 CSS 框架,并使用它制造一个漂亮的页面
课程简介:
Tailwind 是一个用于快速 UI 开发的实用工具集 CSS 框架,设计理念是以实用为先,它提供了高度可组合的应用程序类,可帮助开发者轻松构建复杂的用户界面,这套视频教程从入门讲起,帮你掌握 Tailwind CSS 知识和技能实战一个完整的网页。
本套课程所有视频经过剪辑,精心制作,不浪费时间,以实战为主,视频清晰,精致。
线上 preview:http://my-bucket-1254293699.cos-website.ap-guangzhou.myqcloud.com/
• Tailwind CSS
• 什么是 Tailwind CSS
• 为什么要使用它
• 有什么好处
• 对比 Bootstrap、Materialize
• 它如何工作
• 学习前提
• 技能基础
• html & css
• 环境工具
• Nodejs & npm
• vscode 编程器
• 必要的插件安装
• 课程内容实战
• 介绍 & 构建使用
• HTML 模板
• 字体 & 颜色
• 外间距 边框 内间距等
• Tailwind 配置
• 自定义字体
• 使用 Flexbox
• 响应式
• 卡片
• Badge
• @apply 指令
• Grids Buttons Icons
• Hover 效果
• 响应式导航
• Transitions
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程 #06 外间距 边框 内间距04:40
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程 #07 配置 tailwindcss09:03
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程 #08 使用自定义字体02:56
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程 #09 使用 flex 来布局05:22
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程 #10 响应式布局06:11
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程 #11 卡片04:46
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程 #12 相对和绝对定位 - Badges04:00
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程 #13 重用 class 的好方式 - apply04:03
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程 #14 网格布局03:56
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程 #15 button03:23
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程 #16 icons03:25
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程 #17 Hover Effects03:21
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程 #18 响应式导航 part 103:39
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程 #19 响应式导航 part 207:54
2021 年最该学的 CSS 框架 Tailwind CSS 实战视频教程 #20 transitions - 完结03:13
▬▬▬▬▬▬ 联系我 👋 ▬▬▬▬▬▬
微信:qiuzhi99pro
b 站:https://space.bilibili.com/31152817
知乎:https://www.zhihu.com/people/rails365
Youtube:https://www.youtube.com/channel/UCA-Jkgr40A9kl5vsIqg-BIg
© 汕尾市求知科技有限公司 | Rails365 Gitlab | 知乎 | b 站 | csdn
粤公网安备 44152102000088号 | 粤ICP备19038915号
Top