微博首页静态页面HTML+CSS练习项目
微博首页的静态页面项目，纯靠HTML和CSS撸出来的，没掺杂一点儿 JavaScript，适合练手和练布局思维。整个页面还原度挺高，顶部导航、侧边栏、信息流一应俱全。你可以看到怎么用flex做布局，用position: absolute精细定位各种图标和按钮。
文件结构也蛮清爽，一个index.html配上一份style.css，样式控制集中，阅读和修改都挺方便。像class命名规范、选择器层级控制，都能学到点实用的套路。新手照着模仿写一遍，基础就稳不少。
哦对了，页面里用了不少Lorem Ipsum假文，主要是为了看排版效果。虽然是静态的，但对前端核心技能要求一点也不低，比如响应式也考虑到了，@media用得还不错。你可以随手改改，把它适配个移动端试试看。
如果你想找点项目练手，或者需要一个可以当作品集的页面模板，这个压缩包还挺合适的。建议你先整体跑一遍，再一点一点拆解样式逻辑，能学得更多。
文件大小：2.4MB
评论区