摘要: 网格布局是最强大的 CSS 布局方案,它将网页划分成一个个网格,可以任意组合不同的网格做出各种各样的布局。 基本概念: display: grid; 创建网格容器。所有直接子元素都成为 -- grid items(网格项目) 属性:grid-template-columns -- 列宽,grid-t 阅读全文
posted @ 2022-03-27 16:44 守鹤 阅读(154) 评论(0) 推荐(0)
摘要: 下拉框 下拉框所在的 ul 都放在 id 为 navbar 的一个 nav 标签里。每一个 li 都对应一个一级菜单,第三个和第四个 li 里面嵌套一个 ul,这个 ul 里的 li 就是二级菜单。nav 下面用一个 header 包裹内容。 <!DOCTYPE html> <html lang=" 阅读全文
posted @ 2022-03-27 11:38 守鹤 阅读(88) 评论(0) 推荐(0)
摘要: 页面由导航栏和内容构成。导航栏刚开始是隐藏的,点击左上角的三条杠之后就会在屏幕中间显示导航栏并有一个过渡的效果。内容部分被放在一个 header 标签里,里面有一个类名为 container 的盒子,它的作用是让内容居中。导航栏放在一个盒子里,左上角的三条杠放在一个类名是 hamburger 的盒子 阅读全文
posted @ 2022-03-27 10:32 守鹤 阅读(100) 评论(0) 推荐(0)