课程: CSS: Advanced Layouts with Grid

免费学习该课程！

今天就开通帐号，24,700 门业界名师课程任您挑！

Create a grid

Create a grid - CSS教程

课程: CSS: Advanced Layouts with Grid

开始一个月试用 购买团队方案

Create a grid

“

- [Instructor] To really make sense of Grid, it helps to see it in action. For that, I've created a demo webpage we can use to experiment with Grid, and that's what you're seeing on the screen right now. It's got a series of boxes with different background colors and each one is tagged with a class name, so it'll be easy to identify which one we're working with. You're welcome to open up the Exercise Files for this lesson in Codespaces. So, we're in Chapter 1, and note I'm starting in 01_03b, where b stands for beginning. Any changes I make during this lesson will be reflected in 01_03e, where e stands for the end state of the files after this lesson. So, let's go ahead and open up 01_03b and this index.html. Now, this is the code for what we were just looking at in the browser. We've got a body tag with a class of site, and within that, our a series of first-level descendants. First, we've got the skip-link for accessibility, and even though it's a direct descendant of site, it won't…

内容