HTML+CSS模仿百度首页(gird+flex布局)
文章目录HTML+CSS模仿百度首页Grid布局分析flex布局分析代码
HTML+CSS模仿百度首页
Grid布局分析
百度界面分为三块:头部导航栏、中部主体部分、页脚。
中间主体部分又可以分为左右的空白区和版心。
因此我选择用grid布局将页面划分成9个区域:
‘head head head’
‘left-blank main right-blank’
‘foot foot foot’
flex布局分析
flex适合一维的布局,用来完成导航栏、版心和页脚的布局非常合适。
导航栏可以分为左右两个大块,
原创
2021-08-23 17:43:02 ·
860 阅读 ·
0 评论