课程: HTML and CSS: Creating Navigation Bars
今天就学习课程吧!
今天就开通帐号,24,700 门业界名师课程任您挑!
Making navigation go horizontal with Flexbox
课程: HTML and CSS: Creating Navigation Bars
Making navigation go horizontal with Flexbox
- [Instructor] The next thing I'd like to look at, is how we make our navigation bar go horizontal using Flexbox. Flexbox of course it's been around for a while, but it's just gotten great support in web browsers in the last five years or so. And it's become a very popular way of laying out navbars for many different reasons. However, people are still for the most part using responsive design frameworks to lay out the navbars because they don't fundamentally understand, how Flexbox works in this type of environment. Remember that the key to flex box is it's all about, parents and children. It's all about the flex container, and the flex item. So, if we just take a look at our HTML here, we need to identify what would be our container and what would be our item. The container is going to have those big styles on it that says that Flexbox will go into a row or a column, whether it will wrap or not, what kind of spacing it's going to have, that as all controlled in that container level…
随堂练习,边学边练
下载课堂讲义。学练结合,紧跟进度,轻松巩固知识。
内容
-
-
-
-
-
(已锁定)
Making navigation go horizontal with inline-block5 分钟 27 秒
-
(已锁定)
Making navigation go horizontal with Flexbox5 分钟 30 秒
-
(已锁定)
Centering and styling a horizontal navigation bar4 分钟 28 秒
-
(已锁定)
Placing a logo in the center of a horizontal nav bar7 分钟 2 秒
-
(已锁定)
Challenge: Style a horizontal nav bar1 分钟 33 秒
-
(已锁定)
Solution: Style a horizontal nav bar4 分钟 29 秒
-
(已锁定)
-
-
-