Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:8Length:36 minutes
  • Overview
  • Transcript

3.1 Wrapping Up

Well done, you’ve now learned the essentials of CSS positioning! In this final video we’ll have a quick recap of what you’ve learned and look at where to go next in building your CSS layout skills.

Related Links

3.1 Wrapping Up

Welcome to the final video for the Complete Guide to CSS Positioning. What you've just learned is the absolute fundamentals, the most important parts of working with CSS to create website layouts. Now hopefully that breakdown has helped to simplify everything for you. But even if it has simplified things for you, what you can do with these fundamentals can be infinitely intricate and powerful. These techniques working with the four position types and working with floating, clearing and margins are the absolute bread and butter of CSS-driven design. So you've learned how to make sure that your elements have child margins that are behaving how you expect them to. You learn the essentials of working with floating and clearing and how those two things interact with one another. And you also learn how the four position types worked. We focused on relative, absolute and fixed positioning because static positioning is just the default type of behavior. And we covered how relative positioning allows you to offset an element relative to its normal position. How absolute positioning allows you to specifically set where an element is going to be relative to its nearest positioned parent. And then we looked at how fixed positioning is almost the same as absolute positioning but it remains fixed in place when you scroll. The best thing that you can do from here is to start experimenting with using these techniques to create some of the most common types of designs that you will have seen around the web. So start by learning how to create a layout with a header, two columns, and a footer. And that one layout will take you a long, long way. This layout or minimal variations of it are probably the most common layout that you'll find in web design. Another thing that you're gonna wanna learn about inside out when you're coming to have a full understanding of CSS Layout is the box model. And the box model controls how padding, border, and margins affect the spacing around an element. And then I also recommend having a look at something that's a relatively recent addition to the world of CSS layout, and that is Flexbox. And Flexbox opens up a whole different type of layout than what you've seen in this course. It's sort of the newest kid on the layout block, so not all browsers have full support for it yet, but we're almost there. So after you feel very confident with the essentials that you've learned in this course, then head over and start learning about Flexbox as well. All right, so I hope you had a really good time. Thanks so much for taking this course and I'll see you in the next one.

Back to the top