国外课栈 - 国外电子信息技术视频教程、电子书和博文栈
CSS:带有网格的高级布局
CSS:带有网格的高级布局
类别 : 视频教程
格式 : MP4
会员须知  放入帐户
概述

CSS: Advanced Layouts with Grid / CSS:带有网格的高级布局

CSS布局已不再是一个难题。经过数十年的CSS攻克,以制作多列布局,CSS Grid Layout模块使页面布局可预测。在本课程中,从传统的布局模型中退后一步,并学习如何充分利用CSS Grid的新功能来构建具有吸引力,可访问性和响应性的界面。与Morten Rand-Hendriksen一起,学习如何创建全出血布局,多列布局和基于卡片的高级布局。他演示了如何创建动态自适应网格以适应其可用视口空间。

主题包括:

  • 定义网格
  • 网格线和单位
  • 自动和手动网格项目放置
  • 规划网格布局quanchu
  • 用笔和纸开始布局
  • 多列布局
  • 全流单列布局
  • 使网格响应
  • 各种卡片布局
  • 可访问的屏外导航布局

视频总目录(时长:3时21分)

  • 介绍
  • CSS Grid:核心原则
  • 规划网格布局
  • 多列布局
  • 全套单列布局
  • 各种卡片布局
  • 可访问屏外导航布局
  • 结论