css网格_CSS网格入门-在线课程

css网格

Earlier this year I spent a fun day at the Skillshare offices filming a short course on CSS Grid Layout. The focus is newcomers to the spec, and I take you through developing a layout such as you might use for a blog. The introduction video for the course is below. It is designed for beginners, as a complete introduction, but I had fun doing some to-camera pieces as a change from the purely screencast style video I normally do.

今年年初，我在Skillshare办公室度过了愉快的一天，拍摄了有关CSS Grid Layout的短期课程。 重点是该规范的新手，我将带您开发一种布局，例如您可能会在博客中使用的布局。 该课程的介绍视频如下。 它是为初学者设计的，作为一个完整的介绍，但是我做了一些镜头前的工作，这是对我通常做的纯屏幕录像风格视频的改变。

演示地址

During the hour you will learn the main features of Grid Layout:

在这一小时中，您将学习“网格布局”的主要功能：

• How to define a Grid
• The various ways to size tracks
• Nesting Grids
• Placing items on the grid
• Combining Auto-placement and placed items
• Responsive Design
• Using Grid alongside other layout methods such as Flexbox

• 如何定义网格
• 调整曲目大小的各种方法
• 嵌套网格
• 将项目放置在网格上
• 结合自动放置和放置的物品
• 响应式设计
• 结合使用网格和其他布局方法（例如Flexbox）

View the course for free - and explore the other content on Skillshare - by signing up for a free two-month Skillshare membership.

免费注册为期两个月的Skillshare会员资格，以免费观看课程 -并在Skillshare上浏览其他内容。

翻译自: https://rachelandrew.co.uk/archives/2018/07/16/get-started-with-css-grid-online-class/

css网格