CSS网格布局与样式框架详解

CSS网格布局与样式框架详解

学习运用Grid 进行CSS网格布局,掌握Tailwind 进行样式框架搭建

¥59.9
本课程包括
  • 1小时14分钟的视频随时观看
  • 课程包含 5 道测试题
  • 可在APP随时观看
  • 结业证书
你将收获
  • 了解css网格布局
  • 掌握如何运用Grid进行css网格布局操作
  • 了解tailwind
  • 掌握如何运用tailwind进行样式框架搭建
浏览相关主题
课程介绍

Tailwind 是一个用于快速构建网页 UI 的实用工具集 ,它提供了高度可组合的应用程序类,可以帮助开发者轻松构建复杂的用户界面。它还提供了一个从实用模式中提取组件的工具,支持响应式风格,可以满足面向不同设备的网页开发。

本课程从搭建Tailwind开发环境开始,带领学员掌握 Tailwind 的基本功能,并逐步完成样式布局的学习和实践操作。除此之外,本课程还会涉及CSS网格(Grid)布局的教学,作为最强大的CSS布局方案,网格布局将页面划分为任意可组合的网格,高效灵活地实现开发者预期的网页布局效果。

完成本课程学习后,学员将能够熟练运用 Tailwind 进行网页样式设计,并掌握 CSS 网格布局的基础理论和实际技能。

适合人群
  • 网页设计、前端工程师
  • 高校计算机专业学生
  • 前端编程爱好者
讲师介绍
宁皓网创始人
擅长领域:
  • Web开发
  • 移动开发
2012年开始从事IT在线教育行业,专注于技术领域知识分享,是国内在线教育最早的布道师之一,《Flutter:小白开发》(清华出版社)作者。 王老师产出视频课程超过 1000 个,垂直 Vue.js 前端应用、 Fluter 移动端应用、服务端后端开发领域,全网学员超过100000+,先后为百度开发者培养计划、花旗银行、IBM设计并实施过企业内训,以课程精炼、成体系、实用性强著称,是业内一线技术分享者、布道师。
课程大纲
共0节 时长0分钟 全部收起
一、网格布局
共2节 | 14分钟
  • 1.准备学习CSS Grid
    10分钟
  • 2.网格布局基础设置
    3分钟
二、Tailwind样式框架
共5节 | 1小时
  • 1.Tailwind:CSS工具样式框架
    15分钟
  • 2.Tailwind样式:布局
    15分钟
  • 3.Tailwind样式框架:柔性盒子
    9分钟
  • 4.Tailwind样式框架:网络布局
    10分钟
  • 5.Tailwind:杂项
    10分钟
课程附件
图文
测试
共5题
购课须知

课程有效期:

自购买课程之日起 365 天,部分参与营销活动产品以活动规则为准,请同学在有效期内学习、观看课程。

上课模式:

课程采取录播模式,请注意自学课无班级微信群、班主任带班及助教批改服务。

注:自学课不支持退款,确保你是真的需要再进行报名,报完名之后还请认真学习。